Ku tlula khume-mbirhi wa swiphemu leswi tirhisiwaka nakambe leswi akiweke ku nyika swifaniso swa swifaniso, swilo leswi nga ehansi, mintlawa yo nghenisa, ku famba-famba, switsundzuxo ni swin’wana swo tala.
Swifaniso swa Glyphicon
Tiglyph leti kumekaka
Ku katsa ku tlula 250 wa ti-glyph hi xivumbeko xa fonto ku suka eka sete ya Glyphicon Halflings. Glyphicons Halflings hi ntolovelo a yi kumeki mahala, kambe muvumbi wa yona u endle leswaku yi kumeka eka Bootstrap mahala. Tanihi ku khensa, hi kombela ntsena leswaku u katsa xihlanganisi xo tlhelela eka Glyphicons loko swi koteka.
glyphicon xifaniso xa xirhendzevutani-xinyeleti
xitsonga xitsonga xitsonga-plus
xitsonga xitsonga xitsonga-euro
xitsonga xitsonga xitsonga-eur
xitsonga xitsonga xitsonga-minus
glyphicon xifaniso xa xirhendzevutani-papa
glyphicon glyphicon-mvhilopho
glyphicon glyphicon-pensele ya xifaniso xa xirhendzevutani
glyphicon glyphicon-nghilazi ya xirhendzevutani
glyphicon xitsonga-vuyimbeleri
glyphicon glyphicon-ku lavisisa
glyphicon glyphicon-mbilu ya xirhendzevutani
glyphicon xifaniso xa xirhendzevutani-star
glyphicon glyphicon-nyeleti-yi nga ri na nchumu
glyphicon glyphicon-mutirhisi wa swifaniso
glyphicon xifaniso xa xirhendzevutani
glyphicon glyphicon-ya vukulu
xifaniso xa xirhendzevutani xa xirhendzevutani-th
glyphicon glyphicon-nxaxamelo wa vunharhu
xitsonga xitsonga xitsonga-ok
glyphicon xitsongwatsongwana-ku susa
glyphicon glyphicon-ku kurisa
glyphicon glyphicon-ku-hunguta-ku-huma
glyphicon xifaniso xa xirhendzevutani-off
glyphicon glyphicon-xikombiso xa xirhendzevutani
xirhendzevutana xa xirhendzevutana xa xirhendzevutana-cog
glyphicon xitsongwatsongwana xa thyaka
glyphicon xifaniso xa le kaya
glyphicon fayili ya glyphicon
glyphicon xifaniso xa xirhendzevutani-nkarhi
glyphicon xifaniso xa xirhendzevutani-gondzo
glyphicon xifaniso xa xirhendzevutani-ku-download-alt
glyphicon xifaniso xa xirhendzevutani-download
glyphicon xifaniso xa xirhendzevutani-ku layicha
glyphicon glyphicon-bokisi ra swilo leswi nghenaka
glyphicon glyphicon-xirhendzevutani-xo tlanga
glyphicon glyphicon-ku phindha-phindha
glyphicon glyphicon-ku pfuxeta
glyphicon xitsonga-nxaxamelo-alt
glyphicon xilotlelo xa xirhendzevutani
glyphicon xifaniso xa xirhendzevutani-mujeko
glyphicon glyphicon-switwi swa le tindleveni
glyphicon glyphicon-ku tima ka vholumo
glyphicon glyphicon-ku tlakuka ka vholumo
glyphicon glyphicon-ku tlakuka ka vholumo
xitsonga xitsonga xitsonga-qrcode
glyphicon xifaniso xa xirhendzevutani-barcode
glyphicon xifaniso xa xirhendzevutani
glyphicon swifaniso swa swifaniso swa glyphicon
glyphicon glyphicon-buku ya swifaniso
glyphicon glyphicon-xikombiso xa buku
glyphicon xifaniso xa xirhendzevutani-print
glyphicon xifaniso xa xirhendzevutani-khamera
glyphicon xifaniso xa xirhendzevutani-font
glyphicon xifaniso xa xirhendzevutani-bold
glyphicon xifaniso xa xirhendzevutani xa xitsalo
glyphicon glyphicon-ku leha ka tsalwa
glyphicon glyphicon-ku anama ka tsalwa
glyphicon glyphicon-ku ringanisa-ximatsi
glyphicon glyphicon-ku ringanisa-xikarhi
glyphicon glyphicon-ku ringanisa-exineneni
glyphicon glyphicon-ku ringanisa-ku lulamisa
glyphicon glyphicon-nxaxamelo wa swifaniso
glyphicon glyphicon-xiphemu xa ximatsi
glyphicon xifaniso xa xirhendzevutani-indent-exineneni
glyphicon glyphicon-xikandza-nkarhi-vhidiyo
glyphicon glyphicon-xifaniso xa xirhendzevutani
glyphicon glyphicon-xikombiso xa mepe
glyphicon xifaniso xa xirhendzevutani-lunghiselela
xirhendzevutana xa xirhendzevutana xa xirhendzevutana
glyphicon xitlhokovetselo-xitlhokovetselo xa le henhla
glyphicon glyphicon-xihlamusela-marito xa le hansi
glyphicon glyphicon-menyu-ya ximatsi
glyphicon glyphicon-menyu-exineneni
glyphicon glyphicon-menyu-ehansi
glyphicon glyphicon-menyu-ehenhla
Ndlela yo tirhisa
Hi swivangelo swa matirhelo, swifaniso hinkwaswo swi lava tlilasi ya le hansi na tlilasi ya swifaniso swa munhu hi xiyexe. Leswaku u yi tirhisa, veka khodi leyi landzelaka kwalomu ka kun’wana ni kun’wana. Tiyiseka leswaku u siya xivandla exikarhi ka xifaniso ni tsalwa leswaku u ta kota ku padding kahle.
U nga hlanganisi ni swiphemu swin’wana
Titlilasi ta swifaniso a ti nge hlanganisiwi hi ku kongoma ni swiphemu swin’wana. A ti fanelanga ti tirhisiwa swin’we ni titlilasi tin’wana eka elemente yin’we. Ematshan’weni ya sweswo, engetela nested <span>ivi u tirhisa titlilasi ta swifaniso eka <span>.
Ku tirhisiwa ntsena eka swiaki leswi nga riki na nchumu
Titlilasi ta swifaniso ti fanele ku tirhisiwa ntsena eka swiaki leswi nga riki na nhundzu ya tsalwa naswona swi nga riki na swiaki swa n’wana.
Ku cinca ndhawu ya fonto ya xifaniso
Bootstrap yi ehleketa leswaku tifayela ta fonto ya swifaniso ti ta kumeka eka ../fonts/xikombo, loko ti pimanisiwa na tifayela ta CSS leti hlengeletiweke. Ku rhurhela kumbe ku thya mavito ya tifayela teto ta fonto swi vula ku pfuxeta CSS hi yin’wana ya tindlela tinharhu:
Cinca @icon-font-pathna/kumbe @icon-font-nameswilo leswi cinca-cincaka eka tifayela ta xihlovo Less.
Tirhisa ndlela yihi na yihi leyi fanelaka kahle xiyimiso xa wena xo karhi xa nhluvukiso.
Swifaniso leswi fikelelaka
Tivhidiyo ta manguva lawa ta thekinoloji yo pfuneta ti ta tivisa swilo leswi endliweke hi CSS, xikan’we na swihlawulekisi swo karhi swa Unicode. Ku papalata vuhumelerisi lebyi nga languteriwangiki ni lebyi pfilunganyaka eka swihlaya swa xikirini (ngopfu-ngopfu loko swifaniso swi tirhisiwa ntsena ku khavisa), hi swi tumbeta hi aria-hidden="true"xihlawulekisi.
Loko u tirhisa xifaniso ku hundzisela nhlamuselo (ku nga ri ntsena tanihi xiphemu xo khavisa), tiyisisa leswaku nhlamuselo leyi yi tlhela yi hundziseriwa eka thekinoloji yo pfuneta – xikombiso, katsa swilo swo engetela, leswi fihliweke hi mahlo na .sr-onlytlilasi.
Loko u endla vulawuri lebyi nga riki na tsalwa rin’wana (ku fana na <button>leri nga na xifaniso ntsena), u fanele ku tshama u ri karhi u nyika swilo swin’wana ku kuma xikongomelo xa vulawuri, leswaku swi ta endla nhlamuselo eka vatirhisi va thekinoloji yo pfuneta. Eka xiyimo lexi, u nga engetela aria-labelxihlawulekisi eka vulawuri hi byoxe.
Swikombiso
Ti tirhise eka swikomba-nkarhi, mintlawa ya swikomba-nkarhi swa barhi ya switirhisiwa, ku famba-famba, kumbe ku nghenisa ka fomo loku yimisiweke ka ha ri emahlweni.
Xifaniso lexi tirhisiwaka eka xitsundzuxo ku hundzisela leswaku i rungula ra xihoxo, na .sr-onlytsalwa ro engetela ku hundzisela xitsundzuxo lexi eka vatirhisi va thekinoloji yo pfuneta.
Xihoxo:Nghenisa adirese ya imeyili leyi tirhaka
Swilo leswi nga ehansi
Menyu leyi cinca-cincaka, leyi nga ni mongo yo kombisa minxaxamelo ya swihlanganisi. Yi endliwe yi tirhisana hi xiengetelo xa JavaScript lexi nga ehansi .
Xikombiso
Pfuxeta xihlohloteri xa dropdown na menyu ya dropdown endzeni ka .dropdown, kumbe elemente yin’wana leyi tivisa position: relative;. Kutani u engetela HTML ya menyu.
Hi ku tiyimisela, menyu leyi nga ehansi yi vekiwa hi yoxe hi 100% ku suka ehenhla ni le tlhelo ra ximatsi ra mutswari wa yona. Engetela .dropdown-menu-righteka a .dropdown-menuku ya exineneni ringanisa menyu leyi nga ehansi.
Swi nga ha lava ku vekiwa loku engetelekeke
Tidropdown ti vekiwa hi ku tisungulela hi ku tirhisa CSS endzeni ka ku khuluka ka ntolovelo ka tsalwa. Leswi swi vula leswaku ti-dropdown ti nga ha tsemiwa hi vatswari lava nga na overflowswihlawulekisi swo karhi kutani ti humelela ehandle ka swipimelo swa xivono. Languta timhaka leti hi wexe loko ti ri karhi ti humelela.
Ku .pull-rightringanisiwa loku nga tirhisiwiki
Ku sukela eka v3.1.0, hi deprecated .pull-righteka timenyu leti nga ehansi. Ku ringanisa menyu hi tlhelo ra xinene, tirhisa .dropdown-menu-right. Swiphemu swa nav leswi ringanisiweke hi xinene eka navbar swi tirhisa mixin version ya tlilasi leyi ku ringanisa menyu hi ku tisungulela. Leswaku u yi tlula, tirhisa .dropdown-menu-left.
Tinhlokomhaka
Engetela nhlokomhaka ku lebula swiyenge swa swiendlo eka menyu yihi na yihi leyi rhetaka.
Hlengeleta nxaxamelo wa swikomba-nkarhi swin’we eka layini yin’we ni ntlawa wa swikomba-nkarhi. Engetela eka xiya-ni-moya xa JavaScript lexi nga hlawuriki ni mahanyelo ya xitayili xa bokisi ro kambela hi xiengetelo xa hina xa swikomba-nkarhi .
Tooltips & popovers eka mintlawa ya swikomba-nkarhi swi lava ku vekiwa ko hlawuleka
Loko u tirhisa switsundzuxo swa switirhisiwa kumbe ti-popovers eka swiaki leswi nga endzeni ka a .btn-group, u ta boheka ku boxa nhlawulo container: 'body'wo papalata switandzhaku leswi nga laviwiki (ku fana na xiaki lexi kulaka xi anama na/kumbe ku lahlekeriwa hi makhon’wa ya xona lama rhendzelekaka loko xitsundzuxo xa switirhisiwa kumbe popover yi pfuriwa).
Tiyisisa leswaku swi lulamile rolenaswona u nyika lebula
Leswaku thekinoloji yo pfuneta – yo fana na swihlaya swa xikirini – yi hundzisela leswaku nxaxamelo wa swikomba-nkarhi wu hlengeletiwile, rolexihlawulekisi lexi faneleke xi lava ku nyikiwa. Eka mintlawa ya swikomba-nkarhi, leswi swi ta va role="group", kasi tibarhi ta switirhisiwa ti fanele ku va na role="toolbar".
Xihlawuhlawu xin’we i mintlawa leyi nga na vulawuri byin’we ntsena (xikombiso mintlawa ya buti leyi lulamisiweke leyi nga na <button>swiaki) kumbe ku rhelela ehansi.
Ku engetela kwalaho, mintlawa na tibara ta switirhisiwa swi fanele ku nyikiwa lebula leyi nga erivaleni, tanihileswi tithekinoloji to tala to pfuneta handle ka sweswo ti nga ta ka ti nga ti tivisi, hambileswi ku nga na rolexihlawulekisi lexi faneleke. Eka swikombiso leswi nyikiweke laha, hi tirhisa aria-label, kambe swin’wana swo fana na aria-labelledbyswona swi nga tirhisiwa.
Xikombiso xa xisekelo
Pfuxeta nxaxamelo wa swikomba-nkarhi hi .btnin .btn-group.
Xitirhisiwa xa buti
Hlanganisa tisethi ta <div class="btn-group">eka a <div class="btn-toolbar">for swiphemu leswi rharhanganeke swinene.
Ku pima mpimo
Ematshan’weni yo tirhisa titlilasi to pima mpimo wa buti eka buti yin’wana ni yin’wana eka ntlawa, engetela ntsena .btn-group-*eka yin’wana ni yin’wana .btn-group, ku katsa ni loko u endla swisaka swa mintlawa yo tala.
Ku endla swisaka
Veka a .btn-groupendzeni ka yin’wana .btn-grouploko u lava timenyu leti nga ehansi leti pfanganisiweke ni nxaxamelo wa swikomba-nkarhi.
Endla leswaku sete ya swikomba-nkarhi yi vonaka yi hlanganisiwe hi ndlela yo olova ematshan’weni yo rhendzeleka. Split button dropdowns a yi seketeriwi laha.
Endla ntlawa wa swikomba-nkarhi wu ololoka hi vukulu lebyi ringanaka leswaku wu hlanganisa ku anama hinkwako ka mutswari wa wona. Nakambe yi tirha na swikomba-nkarhi leswi nga ehansi endzeni ka ntlawa wa swikomba-nkarhi.
Ku khoma mindzilakano
Hikwalaho ka HTML na CSS yo karhi leyi tirhisiwaka ku lulamisa swikomba-nkarhi (ku nga display: table-cell), mindzilakano exikarhi ka swona yi andzisiwa kambirhi. Eka mintlawa ya ntolovelo ya swikomba-nkarhi, margin-left: -1pxyi tirhisiwa ku hlanganisa mindzilakano ematshan’weni yo yi susa. Hambiswiritano, margina swi tirhi na display: table-cell. Hikwalaho ka sweswo, ku ya hi ku cinca ka wena eka Bootstrap, u nga ha tsakela ku susa kumbe ku tlhela u penda mindzilakano.
IE8 na mindzilakano
Internet Explorer 8 a yi hundziseli mindzilakano eka swikomba-nkarhi eka ntlawa wa swikomba-nkarhi lowu lulamisiweke, hambi wu ri eka <a>kumbe <button>swiaki. Leswaku u papalata sweswo, phutsela buti yin’wana ni yin’wana hi yin’wana .btn-group.
Loko <a>swiaki swi tirhisiwa ku tirha tanihi swikomba-nkarhi – ku hlohlotela ntirho wa le ndzeni ka tluka, ku tlula ku famba eka tsalwa rin’wana kumbe xiyenge endzeni ka tluka ra sweswi – swi fanele ku tlhela swi nyikiwa role="button".
Hi <button>swiaki
Ku tirhisa mintlawa ya swikomba-nkarhi leyi lulamisiweke leyi nga ni <button>swiaki, u fanele ku phutsela buti yin’wana ni yin’wana eka ntlawa wa swikomba-nkarhi . Swihlamusela-marito swo tala a swi tirhisi kahle CSS ya hina ku lulamisa <button>swiaki, kambe tanihi leswi hi seketelaka ku wela ehansi ka swikomba-nkarhi, hi nga tirha ku rhendzela sweswo.
Swilo leswi nga ehansi ka swikomba-nkarhi
Tirhisa buti yihi na yihi ku pfuxa menyu leyi nga ehansi hi ku yi veka endzeni ka a .btn-groupni ku nyika mfungho lowu faneleke wa menyu.
Ku titshega hi plugin
Swilo leswi nga ehansi ka swikomba-nkarhi swi lava leswaku xiengetelo lexi nga ehansi xi katsiwa eka vuhundzuluxeri bya wena bya Bootstrap.
Swilo leswi nga ehansi ka buti yin’we
Pfuxeta buti yi va dropdown toggle hi ku cinca kun’wana ka xisekelo ka markup.
Andlala vulawuri bya fomo hi ku engetela tsalwa kumbe swikomba-nkarhi emahlweni, endzhaku, kumbe ematlhelo hamambirhi ya tsalwa rihi na rihi leri sekeriweke eka tsalwa <input>. Tirhisa .input-groupna .input-group-addonkumbe .input-group-btnku prepend kumbe ku engetela swiaki eka single .form-control.
Matsalwa <input>s ntsena
Papalata ku tirhisa <select>swiaki laha tanihileswi swi nga ta ka swi nga endliwi xitayili hi ku helela eka swihlamusela-marito swa WebKit.
Papalata ku tirhisa <textarea>swiaki laha tanihileswi rowsxihlawulekisi xa swona xi nga ta ka xi nga xiximiwi eka swiyimo swin’wana.
Tooltips & popovers eka mintlawa ya input yi lava setting yo hlawuleka
Loko u tirhisa switsundzuxo swa switirhisiwa kumbe ti-popovers eka swiaki leswi nga endzeni ka .input-group, u ta boheka ku boxa nhlawulo container: 'body'wo papalata switandzhaku leswi nga laviwiki (ku fana na xiaki lexi kulaka xi anama na/kumbe ku lahlekeriwa hi makhon’wa ya xona lama rhendzelekaka loko xitsundzuxo xa switirhisiwa kumbe popover yi pfuriwa).
U nga hlanganisi ni swiphemu swin’wana
U nga hlanganisi mintlawa ya tifomo kumbe titlilasi ta tikholomu ta gridi hi ku kongoma na mintlawa ya swingheniso. Ematshan’wini ya sweswo, nest ntlawa wa ku nghenisa endzeni ka ntlawa wa fomo kumbe elemente leyi fambelanaka na gridi.
Minkarhi hinkwayo engetela malebvu
Vahlayi va xikirini va ta va na xiphiqo hi tifomo ta wena loko u nga katsi lebula eka ku nghenisa kun’wana na kun’wana. Eka mintlawa leyi ya swingheniso, tiyisisa leswaku lebula yihi kumbe yihi yo engetela kumbe ntirho wu hundziseriwa eka thekinoloji yo pfuneta.
Thekiniki leyi kongomeke leyi nga ta tirhisiwa ( <label>swiaki leswi vonakaka, <label>swiaki leswi fihliweke hi ku tirhisa .sr-onlytlilasi, kumbe ku tirhisiwa ka aria-label, aria-labelledby, aria-describedby, titlekumbe placeholderxihlawulekisi) na leswaku i rungula rihi leri engetelekeke leri nga ta lava ku hundziseriwa swi ta hambana ku ya hi muxaka lowu kongomeke wa xitirhisiwa xa vuhlanganisi lexi u xi tirhisaka. Swikombiso leswi nga eka xiyenge lexi swi nyika maendlelo ma nga ri mangani lama ringanyetiweke, lama kongomeke eka xiyimo.
Xikombiso xa xisekelo
Veka xiengetelo xin’we kumbe buti eka matlhelo hamambirhi ya input. U nga ha tlhela u veka yin’we ematlhelo hamambirhi ya xingheniso.
A hi seketeli swiengetelo swo tala ( .input-group-addonkumbe .input-group-btn) eka tlhelo rin’we.
A hi seketeli tifomo-vulawuri byo tala eka ntlawa wun’we wa ku nghenisa.
Ku pima mpimo
Engetelani titlilasi ta vukulu bya xivumbeko lexi yelanaka eka yona .input-grouphi yoxe naswona leswi nga endzeni swi ta cinca mpimo hi ku tisungulela—ku hava xilaveko xo phindha-phindha titlilasi ta vukulu bya vulawuri bya fomo eka elemente yin’wana ni yin’wana.
Mabokisi yo kambela na swiengetelo swa xiya-ni-moya
Veka bokisi rin’wana na rin’wana ro kambela kumbe nhlawulo wa xiya-ni-moya endzeni ka addon ya ntlawa wo nghenisa ematshan’wini ya tsalwa.
Swiengetelo swa button
Ti button eka mintlawa ya input ti hambanile nyana naswona ti lava level yin’we yo engetela ya nesting. Ematshan’weni ya .input-group-addon, u ta fanela ku tirhisa .input-group-btnku phutsela swikomba-nkarhi. Leswi swi laveka hikwalaho ka switayele swa xihlamusela-marito swa xiviri leswi nga ta ka swi nga tluriwi.
Swikomba-nkarhi leswi nga ni swilo leswi nga ehansi
Swikomba-nkarhi leswi hambanisiweke
Swikomba-nkarhi swo tala
Hambileswi u nga vaka ni xiengetelo xin’we ntsena eka tlhelo rin’wana ni rin’wana, u nga va ni swikomba-nkarhi swo tala endzeni ka xin’we .input-group-btn.
Navs
Navs leyi kumekaka eka Bootstrap yi na markup leyi avelaniwa, ku sukela eka .navclass class, xikan’we na swiyimo leswi avelaniwa. Cincana titlilasi ta swihundzuluxi ku cinca exikarhi ka xitayili xin’wana na xin’wana.
Ku tirhisa navs eka tiphaneleni ta tithebhu swi lava plugin ya tithebhu ta JavaScript
Eka tithebhu leti nga ni tindhawu leti nga ni tithebhu, u fanele u tirhisa tithebhu leti nge JavaScript plugin . Ku fungha ku ta tlhela ku lava swihlawulekisi swo engetela rolena swa ARIA – vona xikombiso xa ku fungha xa plugin ku kuma vuxokoxoko byo tala.
Endla leswaku ti- nav leti tirhisiwaka tanihi ku famba-famba ti fikeleleka
Loko u tirhisa navs ku nyika barhi ya ku famba-famba, tiyisisa leswaku u engetela a role="navigation"eka xikhomela-ndhawu xa mutswari lexi twisisekaka swinene xa <ul>, kutani u phutsela <nav>elemente ku rhendzela ku famba-famba hinkwako. U nga engeteli xiphemu eka xona <ul>hi xoxe, tanihileswi leswi swi nga ta sivela ku tivisiwa tanihi nxaxamelo wa xiviri hi thekinoloji yo pfuneta.
Tithebhu
Xiya leswaku .nav-tabstlilasi yi lava tlilasi ya le .navhansi.
Hi ku olova endla leswaku tithebhu kumbe tiphilisi ti ringana hi ku anama ka mutswari wa tona eka swikirini leswi anameke ku tlula 768px hi .nav-justified. Eka swikirini leswitsongo, swihlanganisi swa nav swi hlanganisiwa.
Swihlanganisi swa navbar nav leswi lulamisiweke sweswi a swi seketeriwi.
Safari na ku hlamula swi lulamisiwile navs
Ku sukela eka v9.1.2, Safari yi kombisa xihoxo lexi eka xona ku cinca sayizi ya browser ya wena hi ndlela yo olova swi vangaka swihoxo swa ku hundzuluxela eka nav leyi lulamisiweke leswi basisiwa loko u pfuxeta. Xihoxo lexi xi tlhela xi kombisiwa eka xikombiso xa nav lexi lulamisiweke .
Ti-navbar i swiphemu swa meta leswi hlamulaka leswi tirhaka tanihi tinhloko-mhaka ta ku famba-famba eka xitirhisiwa kumbe sayiti ya wena. Ti sungula ti wile (naswona ti cinca-cinca) eka swivono swa movha naswona ti va leti nga etlhelo loko ku anama ka xivono lexi nga kona ku ya ku kula.
Swihlanganisi swa navbar nav leswi lulamisiweke sweswi a swi seketeriwi.
Ku tala ka swilo leswi nga endzeni
Tanihi leswi Bootstrap yi nga swi tiviki leswaku nhundzu eka navbar ya wena yi yi lava ndhawu yo tanihi kwihi, u nga ha hlangana na timhaka ta ku phutsela nhundzu eka layini ya vumbirhi. Leswaku u lulamisa leswi, u nga:
Pfuxeta nhlayo kumbe ku anama ka swilo swa navbar.
Cinca ndhawu leyi navbar ya wena yi cincaka eka yona exikarhi ka collapsed na horizontal mode. Endla @grid-float-breakpointxihlawulekisi lexi u xi lavaka kutani u engetela xivutiso xa wena xa midiya.
Swi lava xiengetelo xa JavaScript
Loko JavaScript yi nga tirhi naswona xivono xi ri xitsongo lerova navbar yi wa, swi ta tsandzeka ku ndlandlamuxa navbar ni ku languta leswi nga endzeni ka .navbar-collapse.
Navbar leyi hlamulaka yi lava leswaku plugin ya collapse yi katsiwa eka vuhundzuluxeri bya wena bya Bootstrap.
Ku cinca ndhawu yo wisa ya navbar ya movha leyi weke
Navbar yi wela eka xivono xa yona xa movha lexi yimisiweke loko xivono xi ri xitsongo ku tlula @grid-float-breakpoint, naswona yi andlala eka xivono xa yona lexi nga riki xa movha lexi nga etlhelo loko xivono xi ri kwalomu @grid-float-breakpointka ku anama. Lulamisa xihlawulekisi lexi eka xihlovo xa Less ku lawula loko navbar yi wa/yi andlala. Nhlayo ya xiviri i 768px(xikirini lexitsongo xa "xitsongo" kumbe "thebulete".
Endla leswaku ti- navbar ti fikeleleka
Tiyisisa leswaku u tirhisa <nav>elemente kumbe, loko u tirhisa elemente yo angarhela swinene yo fana na a <div>, engetela a role="navigation"eka navbar yin’wana na yin’wana ku yi kombisa hi ku kongoma tanihi ndhawu ya xikombiso xa misava eka vatirhisi va thekinoloji yo pfuneta.
Xifaniso xa brand
Cinca brand ya navbar hi xifaniso xa wena hi ku cincana tsalwa hi <img>. Leswi the .navbar-brandyi nga na padding ya yona na ku tlakuka, u nga ha lava ku tlula CSS yin’wana ku ya hi xifaniso xa wena.
Swivumbeko
Veka nhundzu ya fomo endzeni .navbar-formku kuma ku ringanana lokunene loku yimisiweke na mahanyelo lama tshovekeke eka swivono swo koma. Tirhisa swihlawulekisi swa ku ringanisa ku teka xiboho xa laha yi tshamaka kona endzeni ka nhundzu ya navbar.
As a heads up, .navbar-formyi avelana swo tala swa khodi ya yona na .form-inlinevia mixin. Swilawuri swin’wana swa xivumbeko, ku fana na mintlawa ya ku nghenisa, swi nga ha lava ku anama loku nga cinciki ku kombisiwa kahle endzeni ka navbar.
Switsundzuxo swa xitirhisiwa xa movha
Ku na switsundzuxo swin’wana mayelana na ku tirhisa vulawuri bya xivumbeko endzeni ka swiaki leswi nga cinciki eka switirhisiwa swa tiselfoni. Vona ti-doc ta hina ta nseketelo wa browser ku kuma vuxokoxoko.
Minkarhi hinkwayo engetela malebvu
Vahlayi va xikirini va ta va na xiphiqo hi tifomo ta wena loko u nga katsi lebula eka ku nghenisa kun’wana na kun’wana. Eka tifomo leti ta le ndzeni ka layini, u nga fihla malebvu hi ku tirhisa .sr-onlytlilasi. Ku na tindlela tin’wana to nyika lebula ya thekinoloji yo pfuneta, ku fana na aria-label, aria-labelledbykumbe titlexihlawulekisi. Loko ku nga ri na xin’we xa leswi lexi nga kona, vahlayi va xikirini va nga ha tirhisa placeholderxihlawulekisi, loko xi ri kona, kambe xiya leswaku ku tirhisiwa ka placeholdertanihi ku siva tindlela tin’wana to lebula a swi tsundzuxiwi.
Swikomba-nkarhi
Engetelani .navbar-btntlilasi eka <button>swiaki leswi nga tshamiki eka a <form>ku swi veka exikarhi hi ndlela yo rhendzeleka eka navbar.
Matirhiselo lama kongomeke ya mongo
Ku fana na titlilasi ta buti leti tolovelekeke , .navbar-btnti nga tirhisiwa eka <a>na <input>swiaki. Hambiswiritano, .navbar-btnkumbe titlilasi ta buti leti tolovelekeke a ti fanelanga ti tirhisiwa eka <a>swiaki leswi nga endzeni ka .navbar-nav.
Tsalwa
Pfuxeta tintambhu ta tsalwa eka elemente hi .navbar-text, hi ntolovelo eka <p>thegi ku kuma ku rhangela loku faneleke na muvala.
Swihlanganisi leswi nga riki swa nav
Eka vanhu lava tirhisaka swihlanganisi swa ntolovelo leswi nga riki endzeni ka xiphemu xa ku famba-famba xa navbar xa ntolovelo, tirhisa .navbar-linktlilasi ku engetela mihlovo leyi faneleke ya swihlawulekisi swa navbar swa ntolovelo ni leswi hundzukeke.
Ku ringanisiwa ka swiphemu
Lulamisa swihlanganisi swa nav, tifomo, swikomba-nkarhi, kumbe tsalwa, hi ku tirhisa titlilasi ta .navbar-leftkumbe .navbar-rightta vukorhokeri. Titlilasi leti hatimbirhi ti ta engetela ku papamala ka CSS eka tlhelo leri boxiweke. Xikombiso, ku ringanisa swihlanganisi swa nav, swi veke eka ku hambana <ul>na tlilasi ya vukorhokeri leyi faneleke leyi tirhisiweke.
Titlilasi leti i ti mixin-ed versions ta .pull-leftna .pull-right, kambe ti scoped eka swivutiso swa media ku olova ku khoma swiphemu swa navbar ku tsemakanya vukulu bya xitirhisiwa.
Ku ringanisa kahle swiphemu swo tala
Navbars sweswi yi na xipimelo na .navbar-righttitlilasi to tala. Ku veka kahle ndhawu ya nhundzu, hi tirhisa margin yo biha eka .navbar-rightelemente yo hetelela. Loko ku ri na swiaki swo tala leswi tirhisaka tlilasi yoleyo, swiphemu leswi a swi tirhi hilaha swi kunguhatiweke hakona.
Hi ta tlhela hi languta leswi loko hi nga tlhela hi tsala xiphemu xexo eka v4.
Ku lulamisiwile ku ya ehenhla
Engetelani .navbar-fixed-topu katsa .containerkumbe .container-fluideka xikarhi na pad navbar content.
Ku laveka ku padding ka miri
Navbar leyi nga cinciki yi ta funengeta swilo swa wena swin’wana, handle ka loko u engetela paddingehenhla ka <body>. Ringeta mimpimanyeto ya wena kutani u tirhisa xiphemu xa hina lexi nga laha hansi. Xitsundzuxo: Hi ku tiyimisela, navbar yi le henhla hi 50px.
Tiyisisa leswaku u katsa leswi endzhaku ka core Bootstrap CSS.
Ku lulamisiwile ku ya ehansi
Engetelani .navbar-fixed-bottomu katsa .containerkumbe .container-fluideka xikarhi na pad navbar content.
Ku laveka ku padding ka miri
Navbar leyi nga cinciki yi ta funengeta swilo swa wena swin’wana, handle ka loko u engetela paddingehansi ka <body>. Ringeta mimpimanyeto ya wena kutani u tirhisa xiphemu xa hina lexi nga laha hansi. Xitsundzuxo: Hi ku tiyimisela, navbar yi le henhla hi 50px.
Tiyisisa leswaku u katsa leswi endzhaku ka core Bootstrap CSS.
Static ehenhla
Endla navbar yo anama hinkwayo leyi fambafambaka ekule na tluka hi ku engetela .navbar-static-topno katsa .containerkumbe .container-fluidku ya exikarhi na pad navbar content.
Ku hambana ni .navbar-fixed-*titlilasi, a swi bohi leswaku u cinca padding yihi na yihi eka body.
Navbar leyi hundzuriweke
Cinca ku languteka ka navbar hi ku engetela .navbar-inverse.
Swiphepherhele swa xinkwa
Kombisa ndhawu ya tluka ra sweswi endzeni ka xiyimo xa ku famba-famba.
Swihambanisi swi engeteriwa hi ku tisungulela eka CSS hi ku tirhisa :beforena content.
Nyika swihlanganisi swa mapheji ya sayiti kumbe app ya wena hi xiphemu xa matluka yo tala, kumbe ndlela yin’wana yo olova ya pager .
Ku vekiwa ka mapheji ya xiviri
Ku olova ka mapheji loku hlohloteriweke hi Rdio, lokunene eka ti-app na mimbuyelo ya ku lavisisa. Xibokisana lexikulu xa tika ku xi hundza, xi olova ku xi ringanisiwa naswona xi nyika tindhawu letikulu to tsindziyela.
Ku lebula xiphemu xa mapheji
Xiphemu xa mapheji xi fanele ku phutseriwe hi <nav>elemente ku xi tiveka tanihi xiyenge xa ku fambafamba ku screen readers na thekinoloji yin’wana yo pfuneta. Ku engetela kwalaho, tanihi leswi tluka ri nga ha vaka ri ri na swiyenge swo tlula xin’we swo tano swo famba-famba se (ku fana ni ku famba-famba ko sungula eka nhloko-mhaka, kumbe ku famba-famba ka barhi ya le tlhelo), swa antswa ku nyika nhlamuselo aria-labelya <nav>lexi kombisaka xikongomelo xa xona. Hi xikombiso, loko xiphemu xa matluka xi tirhisiwa ku famba-famba exikarhi ka sete ya mimbuyelo ya ku lavisisa, lebula leyi faneleke yi nga ha va aria-label="Search results pages".
Swiyimo leswi lamaleke na leswi tirhaka
Swihlanganisi swi nga cinciwa hi ku ya hi swiyimo swo hambana-hambana. Tirhisa .disabledeka swihlanganisi leswi nga tsindziyelangiki ni .activeku kombisa tluka ra sweswi.
Hi ringanyeta leswaku u cincana ti-anchor leti tirhaka kumbe leti nga tirhiki hi <span>, kumbe u tshika anchor eka xiyimo xa miseve leyi hundzeke/leyi landzelaka, ku susa ntirho wa ku tikhoma loko u ri karhi u hlayisa switayele leswi kunguhatiweke.
Ku pima mpimo
Xana u lava ku endla mapheji lamakulu kumbe lamatsongo? Engetela .pagination-lgkumbe .pagination-smku kuma tisayizi leti engetelekeke.
Pager
Swihlanganisi swa xihatla swa le mahlweni na leswi landzelaka swa ku tirhisiwa ko olova ka mapheji hi ku fungha ku fungha na switayele. Swi kahle eka tisayiti to olova to fana na ti-blog kumbe timagazini.
Xikombiso xa xiviri
Hi ku tiyimisela, pager yi hlanganisa swihlanganisi.
Swihlanganisi leswi ringanisiweke
Handle ka sweswo, u nga ha ringanisa xihlanganisi xin’wana ni xin’wana ematlhelo:
Xiyimo xa vulema xa ku hlawula
Swihlanganisi swa Pager swi tlhela swi tirhisa .disabledtlilasi ya vukorhokeri byo angarhela ku suka eka pheji.
Tilebhele
Xikombiso
Xikombiso xa nhlokomhaka Leyintshwa
Xikombiso xa nhlokomhaka Leyintshwa
Xikombiso xa nhlokomhaka Leyintshwa
Xikombiso xa nhlokomhaka Leyintshwa
Xikombiso xa nhlokomhaka Leyintshwa
Xikombiso xa nhlokomhaka Leyintshwa
Ku hambana loku kumekaka
Engetela yin’wana na yin’wana ya titlilasi ta swihundzuluxi leti boxiweke laha hansi ku cinca xivumbeko xa lebula.
Default Primary Ku Humelela Info Xitsundzuxo Khombo
Xana u na tithani ta malebvu?
Swiphiqo swa ku hundzuluxela swi nga va kona loko u ri ni malebvu yo tala ya le ndzeni ka layini endzeni ka xigwitsirisi lexitsongo, xin’wana ni xin’wana xi ri ni inline-blockxiaki xa xona (ku fana ni xifaniso). Ndlela yo rhendzeleka na leswi i ku veka display: inline-block;. Ku kuma mongo na xikombiso, vona #13219 .
Tibeji
Hi ku olova kandziyisa swilo leswintshwa kumbe leswi nga hlayiwangiki hi ku engetela a <span class="badge">eka swihlanganisi, Bootstrap navs, na swin’wana.
Loko ku nga ri na swilo leswintshwa kumbe leswi nga hlayiwangiki, tibeji ti ta wa ntsena (hi ku tirhisa :emptyxihlawulekisi xa CSS) ntsena loko ku nga ri na nhundzu leyi nga kona endzeni.
Ku fambisana ka cross-browser
Tibeji a ti nge ti weli eka Internet Explorer 8 hikuva yi pfumala nseketelo wa :emptyxihlawulekisi.
Ku pfumelelana na swiyimo swa nav leswi tirhaka
Switayili leswi akiweke endzeni swi katsiwile ku veka tibeji eka swiyimo leswi tirhaka eka ku famba-famba ka tiphilisi.
Xiphemu xo olova, lexi cinca-cincaka lexi hi ku hlawula xi nga andlala xivono hinkwaxo ku kombisa swilo swa nkoka eka sayiti ya wena.
Xewani, misava!
Leyi i yuniti yo olova ya nhenha, xiphemu xo olova xa xitayili xa jumbotron xo vitana nyingiso lowu engetelekeke eka swilo leswi kombisiweke kumbe rungula.
Ku endla leswaku jumbotron yi anama hi ku helela, naswona yi nga ri na makhon’wa ya xirhendzevutani, yi veke ehandle ka .containers hinkwayo naswona ematshan’wini ya sweswo u engetela .containerendzeni.
Nhlokomhaka ya tluka
Xikhegelo xo olova xa h1ku veka swiphemu leswi faneleke swa nhundzu eka tluka. Yi nga tirhisa h1's default smallelement, xikan'we na swiphemu swin'wana swo tala (na switayele swo engetela).
Xikombiso xa nhlokomhaka ya pheji Tsalwa ra le hansi ra nhlokomhaka
Swifaniso leswitsongo
Andlala sisiteme ya giridi ya Bootstrap hi xiphemu xa xifaniso lexitsongo ku kombisa hi ku olova tigridi ta swifaniso, tivhidiyo, matsalwa, na swin’wana.
Loko u lava ku kombisiwa loku fanaka ni ka Pinterest ka swifaniso leswitsongo swa ku leha loku hambaneke ni/kumbe ku anama, u ta fanela ku tirhisa xiengetelo xa munhu wa vunharhu xo tanihi Masonry , Isotope , kumbe Salvattore .
Xikombiso xa xiviri
Hi ku tiyimisela, swifaniso leswitsongo swa Bootstrap swi endleriwe ku kombisa swifaniso leswi hlanganisiweke hi ku fungha lokutsongo loku lavekaka.
Swilo leswi nga endzeni ka ntolovelo
Hi ku markup nyana yo engetela, swa koteka ku engetela muxaka wihi na wihi wa swilo swa HTML ku fana na tinhlokomhaka, tindzimana, kumbe swikomba-nkarhi eka swifaniso leswitsongo.
Lebula ya xifaniso lexitsongo
Cras justo odio, dapibus ac facilisis eka, swifaniso leswi nga ni swilo swo tala. Donec id elit leyi nga riki na mi porta gravida eka eget metus. Nullam id dolor id nibh ultricies mimovha ut id elit.
Cras justo odio, dapibus ac facilisis eka, swifaniso leswi nga ni swilo swo tala. Donec id elit leyi nga riki na mi porta gravida eka eget metus. Nullam id dolor id nibh ultricies mimovha ut id elit.
Cras justo odio, dapibus ac facilisis eka, swifaniso leswi nga ni swilo swo tala. Donec id elit leyi nga riki na mi porta gravida eka eget metus. Nullam id dolor id nibh ultricies mimovha ut id elit.
Nyika marungula ya mbuyelo wa xiyimo xa swiendlo swa mutirhisi leswi tolovelekeke hi voko ra marungula ya xitsundzuxo lama nga kona na lama cinca-cincaka.
Swikombiso
Pfuxeta tsalwa rihi na rihi na buti yo hlongola yo hlawula eka .alertna yin’wana ya titlilasi ta mune ta mongo (xikombiso, .alert-success) ya marungula ya xisekelo ya xitsundzuxo.
Ku hava tlilasi ya xiviri
Switsundzuxo a swi na titlilasi ta ntolovelo, ntsena titlilasi ta xisekelo na ta mucinci. Xitsundzuxo xa grey xa ntolovelo a xi endli nhlamuselo yo tala, kutani u boheka ku boxa muxaka hi ku tirhisa tlilasi ya xiyimo. Hlawula eka ku humelela, info, xilemukiso, kumbe khombo.
Tirhe kahle! U hlaye rungula leri ra nkoka ra xitsundzuxo hi ndlela leyi humelelaka.
Tinhloko ta le henhla! Xitsundzuxo lexi xi lava nyingiso wa wena, kambe a hi xa nkoka swinene.
Xilemukisi! Better check yourself, a wu languteki kahle ngopfu.
Oh snap! Cinca swilo swi nga ri swingani u ringeta ku tlhela u rhumela.
Switsundzuxo leswi nga hlongoriwa
Aka eka xitsundzuxo xihi na xihi hi ku engetela .alert-dismissiblebuti yo hlawula na ku pfala.
Nyika mbuyelo wa nkarhi wa sweswi eka nhluvuko wa ku famba ka ntirho kumbe goza hi tibara ta nhluvuko to olova kambe leti cinca-cincaka.
Ku fambisana ka cross-browser
Tibara ta nhluvuko ti tirhisa ku cinca ka CSS3 na swifaniso leswi hanyaka ku fikelela swin’wana swa switandzhaku swa swona. Switirhisiwa leswi a swi seketeriwi eka Internet Explorer 9 na le hansi kumbe eka vuhundzuluxeri bya khale bya Firefox. Opera 12 a yi seketeli swifaniso leswi hanyaka.
Ku fambisana ka Pholisi ya Vuhlayiseki bya Vuxokoxoko (CSP).
Loko webusayiti ya wena yi ri na Pholisi ya Vuhlayiseki bya Vuxokoxoko (CSP) leyi nga pfumeleriki style-src 'unsafe-inline', kutani a wu nge swi koti ku tirhisa styleswihlawulekisi swa le ndzeni ka layini ku veka ku anama ka barhi ya nhluvuko tanihilaha swi kombisiweke hakona eka swikombiso swa hina laha hansi. Tindlela tin’wana to veka ku anama loku fambisanaka na ti-CSP leti tiyeke ti katsa ku tirhisa JavaScript yitsongo ya ntolovelo (leyi vekaka element.style.width) kumbe ku tirhisa titlilasi ta CSS ta ntolovelo.
Xikombiso xa xisekelo
Bar ya nhluvuko ya ntolovelo.
60% Swi helerile
Hi lebula
Susa tlilasi ya <span>with .sr-onlyendzeni ka barhi ya nhluvuko ku kombisa phesente leyi vonakaka.
60% .
Ku tiyisisa leswaku tsalwa ra lebula ri tshama ri hlayeka hambi ku ri eka tiphesente ta le hansi, anakanya hi ku engetela a min-widtheka barhi ya nhluvuko.
0% .
2% .
Swilo swin’wana swa mongo
Tibara ta nhluvuko ti tirhisa tin’wana ta titlilasi ta buti leti fanaka ni ta xitsundzuxo eka switayele leswi nga cincekiki.
40% Ku hetiseka (ku humelela) .
20% Swi helerile
60% Ku hetisekile (xitsundzuxo) .
80% Ku helerile (khombo) .
Swirhendzevutana
Tirhisa gradient ku endla mbuyelo wa mitila. A swi kumeki eka IE9 na le hansi.
40% Ku hetiseka (ku humelela) .
20% Swi helerile
60% Ku hetisekile (xitsundzuxo) .
80% Ku helerile (khombo) .
Swifaniso leswi hanyaka
Engetela .activeeka .progress-bar-stripedku endla leswaku swirhendzevutana swi hanya hi xinene ku ya eximatsini. A swi kumeki eka IE9 na le hansi.
45% Swi helerile
Ku hlanganisiwa
Veka tibara to tala eka yin’we .progressleswaku u ti hlanganisa.
35% Ku hetiseka (ku humelela) .
20% Ku hetisekile (xitsundzuxo) .
10% Ku helerile (khombo) .
Nchumu wa vuhangalasi bya mahungu
Switayili swa swilo leswi nga twisisekiki swo aka tinxaka to hambana ta swiphemu (ku fana na mavonelo ya blog, Ti-Tweet, na swin’wana) leswi kombisaka xifaniso lexi ringanisiweke hi tlhelo ra ximatsi kumbe ra xinene etlhelo ka nhundzu ya matsalwa.
Midiya ya xiviri
Midiya ya ntolovelo yi kombisa nchumu wa midiya (swifaniso, vhidiyo, mpfumawulo) eximatsini kumbe exineneni xa xibokisana xa nhundzu.
Nhlokomhaka ya swihangalasamahungu
Cras tshama amet nibh libero, eka gravida nulla. Nulla vel metus scelerisque ya le mahlweni ka xitsonga. Cras purus odio, vestibulum eka vulputate eka, xihlahla xa xirhendzevutani. Fusce condimentum nunc ac nisi xitombo xa xirhendzevutani xa xirhendzevutani. Donec lacinia congue felis eka xitsongwatsongwana xa faucibus.
Nhlokomhaka ya swihangalasamahungu
Cras tshama amet nibh libero, eka gravida nulla. Nulla vel metus scelerisque ya le mahlweni ka xitsonga. Cras purus odio, vestibulum eka vulputate eka, xihlahla xa xirhendzevutani. Fusce condimentum nunc ac nisi xitombo xa xirhendzevutani xa xirhendzevutani. Donec lacinia congue felis eka xitsongwatsongwana xa faucibus.
Nhlokomhaka ya swihangalasamahungu leswi pfanganisiweke
Cras tshama amet nibh libero, eka gravida nulla. Nulla vel metus scelerisque ya le mahlweni ka xitsonga. Cras purus odio, vestibulum eka vulputate eka, xihlahla xa xirhendzevutani. Fusce condimentum nunc ac nisi xitombo xa xirhendzevutani xa xirhendzevutani. Donec lacinia congue felis eka xitsongwatsongwana xa faucibus.
Nhlokomhaka ya swihangalasamahungu
Cras tshama amet nibh libero, eka gravida nulla. Nulla vel metus scelerisque ya le mahlweni ka xitsonga. Cras purus odio, vestibulum eka vulputate eka, xihlahla xa xirhendzevutani.
Nhlokomhaka ya swihangalasamahungu
Cras tshama amet nibh libero, eka gravida nulla. Nulla vel metus scelerisque ya le mahlweni ka xitsonga. Cras purus odio, vestibulum eka vulputate eka, xihlahla xa xirhendzevutani.
Titlilasi .pull-leftna .pull-righttona ti kona naswona khale a ti tirhisiwa tanihi xiphemu xa xiphemu xa vuhangalasi bya mahungu, kambe ti nga ha tirhisiwi eka ku tirhisiwa koloko ku sukela eka v3.3.0. Swi ringanana na .media-leftna .media-right, handle ka leswi .media-rightfaneleke ku vekiwa endzhaku ka .media-bodyeka html.
Ku ringanisiwa ka swihangalasamahungu
Swifaniso kumbe switirhisiwa swin’wana swi nga ringanisiwa ehenhla, exikarhi kumbe ehansi. Xihlawulekisi xi ringanisiwile ehenhla.
Swihangalasamahungu leswi ringanisiweke ehenhla
Cras tshama amet nibh libero, eka gravida nulla. Nulla vel metus scelerisque ya le mahlweni ka xitsonga. Cras purus odio, vestibulum eka vulputate eka, xihlahla xa xirhendzevutani. Fusce condimentum nunc ac nisi xitombo xa xirhendzevutani xa xirhendzevutani. Donec lacinia congue felis eka xitsongwatsongwana xa faucibus.
Donec sed odio dui. Nullam quis risus eget xitombo xa xirhendzevutani lexi khavisiweke vel eu leo. Cum sociis natoque penatibus na magnis leyi nga na ku veleka, nascetur ridiculus mus.
Swihangalasamahungu leswi ringanisiweke exikarhi
Cras tshama amet nibh libero, eka gravida nulla. Nulla vel metus scelerisque ya le mahlweni ka xitsonga. Cras purus odio, vestibulum eka vulputate eka, xihlahla xa xirhendzevutani. Fusce condimentum nunc ac nisi xitombo xa xirhendzevutani xa xirhendzevutani. Donec lacinia congue felis eka xitsongwatsongwana xa faucibus.
Donec sed odio dui. Nullam quis risus eget xitombo xa xirhendzevutani lexi khavisiweke vel eu leo. Cum sociis natoque penatibus na magnis leyi nga na ku veleka, nascetur ridiculus mus.
Swihangalasamahungu leswi ringanisiweke ehansi
Cras tshama amet nibh libero, eka gravida nulla. Nulla vel metus scelerisque ya le mahlweni ka xitsonga. Cras purus odio, vestibulum eka vulputate eka, xihlahla xa xirhendzevutani. Fusce condimentum nunc ac nisi xitombo xa xirhendzevutani xa xirhendzevutani. Donec lacinia congue felis eka xitsongwatsongwana xa faucibus.
Donec sed odio dui. Nullam quis risus eget xitombo xa xirhendzevutani lexi khavisiweke vel eu leo. Cum sociis natoque penatibus na magnis leyi nga na ku veleka, nascetur ridiculus mus.
Nxaxamelo wa swihangalasamahungu
Hi ku markup nyana yo engetela, u nga tirhisa media endzeni ka nxaxamelo (leswi pfunaka eka tithread ta mavonelo kumbe minxaxamelo ya swihloko).
Nhlokomhaka ya swihangalasamahungu
Cras tshama amet nibh libero, eka gravida nulla. Nulla vel metus scelerisque ya le mahlweni ka xitsonga. Cras purus odio, vestibulum eka vulputate eka, xihlahla xa xirhendzevutani.
Nhlokomhaka ya swihangalasamahungu leswi pfanganisiweke
Cras tshama amet nibh libero, eka gravida nulla. Nulla vel metus scelerisque ya le mahlweni ka xitsonga. Cras purus odio, vestibulum eka vulputate eka, xihlahla xa xirhendzevutani.
Nhlokomhaka ya swihangalasamahungu leswi pfanganisiweke
Cras tshama amet nibh libero, eka gravida nulla. Nulla vel metus scelerisque ya le mahlweni ka xitsonga. Cras purus odio, vestibulum eka vulputate eka, xihlahla xa xirhendzevutani.
Nhlokomhaka ya swihangalasamahungu leswi pfanganisiweke
Cras tshama amet nibh libero, eka gravida nulla. Nulla vel metus scelerisque ya le mahlweni ka xitsonga. Cras purus odio, vestibulum eka vulputate eka, xihlahla xa xirhendzevutani.
Nxaxamelo wa ntlawa
Mintlawa ya minxaxamelo i xiphemu lexi cinca-cincaka na matimba xo kombisa ku nga ri ntsena minxaxamelo yo olova ya swiaki, kambe leyi rharhanganeke leyi nga na nhundzu ya ntolovelo.
Xikombiso xa xisekelo
Ntlawa wa nxaxamelo wa xisekelo swinene i ntsena nxaxamelo lowu nga hlelekangiki lowu nga ni swilo swa nxaxamelo, ni titlilasi leti faneleke. Aka ehenhla ka yona hi swihlawulekisi leswi landzelaka, kumbe CSS ya wena tanihilaha swi lavekaka hakona.
Cras ntsena odio
Dapibus ac xitirhisiwa eka
Morbi leo risus
Porta ac xihlamusela-marito xa xitsonga
Vestibulum eka eros
Tibeji
Engetelani xiphemu xa tibeji eka nchumu wihi na wihi wa ntlawa wa nxaxamelo naswona wu ta vekiwa hi woxe exineneni.
14.Cras ntsena odio
2.Dapibus ac xitirhisiwa eka
1.Morbi leo risus
Swilo leswi hlanganisiweke
Hlanganisa swilo swa ntlawa wa nxaxamelo hi ku tirhisa tithegi ta anchor ematshan’wini ya swilo swa nxaxamelo (sweswo swi tlhela swi vula mutswari <div>ematshan’wini ya <ul>). Ku hava xilaveko xa vatswari ha un’we-un’we ku rhendzela elemente yin’wana ni yin’wana.
Swilo swa ntlawa wa nxaxamelo swi nga ha va swikomba-ndlela ematshan’weni ya swilo swa nxaxamelo (sweswo swi tlhela swi vula mutswari <div>ematshan’weni ya <ul>). Ku hava xilaveko xa vatswari ha un’we-un’we ku rhendzela elemente yin’wana ni yin’wana. U nga tirhisi .btntitlilasi ta ntolovelo laha.
Swilo leswi lamaleke
Engetelani .disabledeka a .list-group-itemku yi grey out leswaku yi vonaka yi nga tirhi.
Hambileswi swi nga lavekiki minkarhi hinkwayo, minkarhi yin’wana u fanele u veka DOM ya wena ebokisini. Eka swiyimo sweswo, ringeta xiphemu xa phanele.
Xikombiso xa xisekelo
Hi ku tiyimisela, hinkwaswo leswi .panelswi endlaka i ku tirhisa ndzilakano wun’wana wa xisekelo na ku padding ku va na swin’wana leswi nga endzeni.
Xikombiso xa phanele ya xisekelo
Phanele leyi nga ni nhloko-mhaka
Hi ku olova engetela xigwitsirisi xa nhlokomhaka eka phanele ya wena hi .panel-heading. U nga ha tlhela u katsa xin’wana na xin’wana <h1>- <h6>na .panel-titletlilasi ku engetela nhlokomhaka leyi endliweke ka ha ri emahlweni. Hambiswiritano, vukulu bya tifonto ta <h1>- <h6>byi tluriwa hi .panel-heading.
Leswaku u kuma mihlovo leyinene ya swihlanganisi, tiyiseka leswaku u veka swihlanganisi eka tinhloko-mhaka endzeni ka .panel-title.
Nhlokomhaka ya phanele leyi nga riki na xihloko
Nhundzu ya phanele
Nhlokomhaka ya phanele
Nhundzu ya phanele
Panele leyi nga ni xifaniso xa le hansi
Pfuxeta swikomba-nkarhi kumbe tsalwa ra vumbirhi eka .panel-footer. Xiya leswaku swiphemu swa le hansi swa phanele a swi dyi ndzhaka ya mihlovo na mindzilakano loko ku tirhisiwa ku hambana ka mongo tanihileswi swi nga endleriwangiki ku va emahlweni.
Nhundzu ya phanele
Swilo swin’wana swa mongo
Ku fana na swiphemu swin’wana, hi ku olova endla leswaku phanele yi va na nhlamuselo eka xiyimo xo karhi hi ku engetela yin’wana na yin’wana ya titlilasi ta xiyimo xa xiyimo.
Nhlokomhaka ya phanele
Nhundzu ya phanele
Nhlokomhaka ya phanele
Nhundzu ya phanele
Nhlokomhaka ya phanele
Nhundzu ya phanele
Nhlokomhaka ya phanele
Nhundzu ya phanele
Nhlokomhaka ya phanele
Nhundzu ya phanele
Hi matafula
Engetelani yin’wana na yin’wana leyi nga riki na ndzilakano .tableendzeni ka phanele ku kuma dizayini leyi nga riki na swirhabyani. Loko ku ri na .panel-body, hi engetela ndzilakano lowu engetelekeke ehenhla ka tafula ku hambanyisa.
Nhlokomhaka ya phanele
Swin’wana leswi nga endzeni ka phanele ya ntolovelo laha. Nulla vitae elit libero, ku nga pharetra augue. Aenean lacinia bibendum leyi nga riki na nchumu leyi nga ni xivumbeko xa yona. Aenean eu leo quam. Ku khavisiwa ka pellentesque sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies mimovha ut id elit.
# .
Vito rosungula
Xivongo
Vito ra mutirhisi
1.
Marka
Otto
@mdo
2.
Yakobe
Thornton
@mafurha
3.
Larry
Xinyenyana
@twitter
Loko ku nga ri na miri wa phanele, xiphemu xi suka eka nhloko ya phanele ku ya eka tafula handle ko kavanyetiwa.
Swin’wana leswi nga endzeni ka phanele ya ntolovelo laha. Nulla vitae elit libero, ku nga pharetra augue. Aenean lacinia bibendum leyi nga riki na nchumu leyi nga ni xivumbeko xa yona. Aenean eu leo quam. Ku khavisiwa ka pellentesque sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies mimovha ut id elit.
Cras ntsena odio
Dapibus ac xitirhisiwa eka
Morbi leo risus
Porta ac xihlamusela-marito xa xitsonga
Vestibulum eka eros
Ku nghenisa loku hlamulaka
Pfumelela swihlamusela-marito ku kumisisa tidimenxini ta vhidiyo kumbe ta nkombiso wa swilayidi hi ku ya hi ku anama ka xibokisana xa swona lexi nga na swona hi ku endla mpimo wa le ndzeni lowu nga ta ringanisa kahle eka xitirhisiwa xihi na xihi.
Milawu yi tirhisiwa hi ku kongoma eka <iframe>, <embed>, <video>, na <object>swiaki; hi ku hlawula tirhisa tlilasi ya vatukulu leyi nga erivaleni .embed-responsive-itemloko u lava ku fambisana na xitayili xa swihlawulekisi swin’wana.
Xitsundzuxo xa Pro-Tip! A wu lavi ku katsa frameborder="0"eka s ya wena <iframe>tani hi leswi hi ku override sweswo.
Swihlovo
Default kahle
Tirhisa xihlovo tani hi mbuyelo wo olova eka elemente ku yi nyika mbuyelo wa inset.
Languta, ndzi le xihlobyeni!
Titlilasi leti nga hlawuriwa
Lawula padding na tikhoneni ta xirhendzevutani na titlilasi timbirhi ta modifier leti nga hlawuriwa.