Tinhloko-mhaka

Tinhlokomhaka hinkwato ta HTML, <h1>through <h6>ta kumeka.

h1. Nhlokomhaka ya 1

h2. Nhlokomhaka ya 2

h3. Nhlokomhaka ya 3

h4. Nhlokomhaka ya 4

h5. Nhlokomhaka ya 5

h6. Nhlokomhaka ya 6

Khopi ya miri

Xihlawulekisi xa misava hinkwayo xa Bootstrap font-sizei 14px , na a line-heightya 20px . Leswi swi tirhisiwa eka <body>na tindzimana hinkwato. Ku engetela kwalaho, <p>(tindzimana) ti kuma margin ya le hansi ya hafu ya line-height ya tona (10px hi ku tiyimisela).

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. Nullam id dolor id nibh mimovha ya switsongwatsongwana.

Cum sociis natoque penatibus na magnis leyi nga na ku veleka, nascetur ridiculus mus. Donec ullamcorper nulla leyi nga riki na metus auctor ya swilo leswi nga riki swa nkoka. Duis mollis, est non commodo luctus, nisi erat xirho xa xirhendzevutani, xitsongwatsongwana xa xirhendzevutani xa xirhendzevutani. Donec ullamcorper nulla leyi nga riki na metus auctor ya swilo leswi nga riki swa nkoka.

Maecenas sed diam eget risus varius blandit yi tshama eka yona leyi nga riki na magna. Donec id elit leyi nga riki na mi porta gravida eka eget metus. Duis mollis, est non commodo luctus, nisi erat xirho xa xirhendzevutani, xitsongwatsongwana xa xirhendzevutani xa xirhendzevutani.

<p> ... </p>

Khopi ya miri leyi rhangelaka

Endla leswaku ndzimana yi va leyi hambaneke hi ku engetela .lead.

Vivamus sagittis lacus vel augue laoreet xitsonga xitsonga xitsonga xitsonga xitsonga xitsonga xitsonga xitsonga xitsonga xitsonga xitsonga xitsonga xitsonga. Duis mollis, est leyi nga riki ya xiyimo xa le henhla.

<p class = "ku rhangela" > ... </p>

Yi akiwile hi Switsongo

Xikalo xa ku thayipa xi sekeriwe eka swilo swimbirhi leswi cinca-cincaka swa LESS eka swilo leswi cinca-cincaka.less : @baseFontSizena @baseLineHeight. Xo sungula i base font-size leyi tirhisiweke hinkwako kasi xa vumbirhi i base line-height. Hi tirhisa swilo sweswo leswi cinca-cincaka ni tinhlayo tin’wana to olova ku endla ti- margin, ti-padding, ni ti-line-height ta muxaka wa hina hinkwawo ni swin’wana. Va customize na Bootstrap yi pfumelelana na swona.

Tiyisisa

Tirhisa tithegi ta ku kandziyisa ta HTML ta ntolovelo leti nga ni switayele swo olova.

`<small>`

Ku susa ku kandziyisa inline kumbe swiphemu swa tsalwa, tirhisa thegi leyitsongo.

Layini leyi ya tsalwa yi endleriwe ku tekiwa tanihi matsalelo lamanene.

<p> <small> Layini leyi ya tsalwa yi endleriwe ku tekiwa tanihi matsalelo lamanene. </small> </p>

Titshembha

Ku kandziyisa xiphemu xa tsalwa hi font-weight yo tika swinene.

Xiphemu lexi landzelaka xa tsalwa xi hundzuluxeriwe tanihi tsalwa ro dzwihala .

<strong> yi hundzuluxeriwe tanihi tsalwa ro dzwihala </strong>

Switlhokovetselo swa xitaliki

Ku kandziyisa xiphemu xa tsalwa leri tsariweke hi matsalelo yo olova.

Xiphemu lexi landzelaka xa tsalwa xi hundzuluxeriwe tanihi tsalwa leri tsariweke hi ku olova .

<em> yi hundzuluxeriwe tanihi tsalwa leri tsariweke hi ku olova </em>

Tinhloko ti tlakukile!Titwele u ntshunxekile ku tirhisa <b>na <i>hi HTML5. <b>yi endleriwe ku kombisa marito kumbe swivulwa handle ko hundzisela nkoka lowu engetelekeke kasi <i>ngopfungopfu i ya rito, marito ya xithekiniki, na swin’wana.

Titlilasi ta ku ringanisa

Hi ku olova hlela nakambe tsalwa eka swiphemu leswi nga na titlilasi ta ku ringanisa matsalwa.

Tsalwa leri ringanisiweke hi tlhelo ra ximatsi.

Tsalwa leri ringanisiweke exikarhi.

Tsalwa leri ringanisiweke hi tlhelo ra xinene.

<p class = "text-left" > Tsalwa leri ringanisiweke hi ximatsi. </p> 
<p class = "text-center" > Tsalwa leri ringanisiweke exikarhi. </p> 
<p class = "text-right" > Tsalwa leri ringanisiweke hi xinene. </p>

Titlilasi to kandziyisa

Humesa nhlamuselo hi ku tirhisa mihlovo hi voko ra titlilasi ta vukorhokeri byo kandziyisa.

Fusce dapibus, tellus ac xihlambanyiso xa xivundza, tortor mauris nibh.

Etiam porta sem malesuada leyikulu leyi nga ni vuxiyaxiya.

Donec ullamcorper nulla leyi nga riki na metus auctor ya swilo leswi nga riki swa nkoka.

Aenean eu leo quam. Ku khavisiwa ka pellentesque sem lacinia quam venenatis.

Duis mollis, est non commodo luctus, xitsongwatsongwana xa xirhendzevutani xa xirhendzevutani.

| _ _ _ _ _ </p> 
<p class = "xitsundzuxo xa tsalwa" > Etiam porta sem malesuada magna mollis euismod. </p> 
<p class = "xihoxo xa tsalwa" > Donec ullamcorper nulla leyi nga riki ya metus auctor fringilla. </p> 
<p class = "vuxokoxoko bya tsalwa" > Aenean eu leo quam. Ku khavisiwa ka pellentesque sem lacinia quam venenatis. </p> 
<p class = "ku humelela ka tsalwa" > Duis mollis, est leyi nga riki ya nkoka, nisi erat porttitor ligula. </p>

Swipfuxeto

Ku tirhisiwa ka xitayili ka <abbr>elemente ya HTML ya swipfuxeto na swihlamusela-marito ku kombisa vuhundzuluxeri lebyi andlariweke eka hover. Swipfuxeto leswi nga na titlexihlawulekisi swi na ndzilakano wa le hansi lowu nga na mathonsi yo vonikela na xikombiso xa mpfuneto eka hover, leswi nyikaka mongo wo engetela eka hover.

`<abbr>`

Eka tsalwa leri andlariweke eka long hover ya xifunengeto, katsa titlexihlawulekisi.

Xifunengeto xa rito attribute i attr .

<abbr title = "xihlawulekisi" > attr </abbr>

`<abbr class="initialism">`

Engetela .initialismeka xifunengeto xa font-size leyitsongonyana.

HTML i nchumu lowunene ngopfu ku sukela eka xinkwa lexi tsemiweke.

<abbr title = "Ririmi ra ku fungha tsalwa ra le henhla" class = "ku sungula" > HTML </abbr>

Tiadirese

Nyika vuxokoxoko byo tihlanganisa bya kokwa wa le kusuhi kumbe miri hinkwawo wa ntirho.

`<address>`

Hlayisa ku fometa hi ku heta mitila hinkwayo hi <br>.

Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107 Xihlamusela
-marito xa Xitsonga

Vito leri heleleke
ro [email protected]

<adirese>
  <strong> Twitter, Inc. </strong><br>
  795 Folsom Ave, Xigwitsirisi xa 600 <br>
  San Francisco, CA 94107 <br>
  <abbr xihloko = "Rifoni" > P: </abbr> (123) 456-7890 
</adirese>
 
<adirese>
  <strong> Vito leri heleleke </strong><br>
  <a href = "mailto:#" > xo sungula.xo [email protected] </a> 
</adirese>

Switlhokovetselo swa swibokisana

Ku tshaha swibokisana swa nhundzu ku suka eka xihlovo xin’wana endzeni ka tsalwa ra wena.

Xibokisana xa xiviri

Pfuxeta HTML<blockquote> yihi na yihi tanihi xitlhokovetselo. Eka switlhokovetselo swo kongoma hi ringanyeta a .<p>

Lorem ipsum dolor tshama amet, consectetur adipiscing xiyimo xa le henhla. Nhlayo leyi heleleke ya posuere erat a ante.

<xihlawulekisi xa xibokisana>
  <p> Lorem ipsum dolor tshama amet, ku hlawuriwa ka mati ya xiyimo xa le henhla. Nhlayo leyi heleleke ya posuere erat a ante. </p>
</blockquote ya xitsonga

Swihlawulekisi swa blockquote

Xitayili na ku cinca ka nhundzu eka ku hambana ko olova eka blockquote ya ntolovelo.

Ku thya xihlovo vito

Engetela <small>thegi yo kombisa xihlovo. Pfuxeta vito ra ntirho wa xihlovo eka <cite>.

Lorem ipsum dolor tshama amet, consectetur adipiscing xiyimo xa le henhla. Nhlayo leyi heleleke ya posuere erat a ante.
Munhu loyi a dumeke eka Source Title

<xihlawulekisi xa xibokisana>
  <p> Lorem ipsum dolor tshama amet, ku hlawuriwa ka mati ya xiyimo xa le henhla. Nhlayo leyi heleleke ya posuere erat a ante. </p>
  <small> Munhu loyi a dumeke <cite title = "Nhlokomhaka ya Xihlovo" > Nhlokomhaka ya Xihlovo </cite></small> 
</blockquote ya xitsonga

Swikombiso swin’wana

Tirhisa .pull-righteka blockquote leyi papamalaka, leyi ringanisiweke hi tlhelo ra xinene.

Lorem ipsum dolor tshama amet, consectetur adipiscing xiyimo xa le henhla. Nhlayo leyi heleleke ya posuere erat a ante.
Munhu loyi a dumeke eka Source Title

<blockquote class = "koka-exineneni" > 
  ...
</blockquote ya xitsonga

Minxaxamelo ya swilo

A swi odariwanga

Nxaxamelo wa swilo leswi eka swona ku landzelelana ku nga riki na nkoka hi ku kongoma.

Lorem ipsum dolor tshama amet
Consectetur leyi nga ni mafurha yo tala
Nhlayo leyi heleleke ya molestie lorem eka massa
Facilisis eka xirhendzevutani xa pretium nisl aliquet
Nulla volutpat xitsonga xitsonga xitsonga xitsonga
- Xiphemu xa xirhendzevutani xa iaculis neque
- Purus sodales ya switsongwatsongwana swa ultricies
- Vestibulum laoreet xirho xa xirhendzevutani sem
- Ac tristique libero xitsonga xitsonga xitsonga xitsonga
Faucibus porta lacus xihlala xa xirhendzevutani xa xirhendzevutani
Aenean tshama amet erat nunc
Eget porttitor xitsonga xitsonga

<ul>
  <li> ... </li>
</ul>

Ku odariwile

Nxaxamelo wa swilo leswi eka swona ku landzelelana ku nga na nkoka hi ku kongoma.

Lorem ipsum dolor tshama amet
Consectetur leyi nga ni mafurha yo tala
Nhlayo leyi heleleke ya molestie lorem eka massa
Facilisis eka xirhendzevutani xa pretium nisl aliquet
Nulla volutpat xitsonga xitsonga xitsonga xitsonga
Faucibus porta lacus xihlala xa xirhendzevutani xa xirhendzevutani
Aenean tshama amet erat nunc
Eget porttitor xitsonga xitsonga

<ol>
  <li> ... </li>
</ol>

Ku nga ri na xitayili

Susa list-stylepadding ya default na left eka swilo swa nxaxamelo (vana va xihatla ntsena).

Lorem ipsum dolor tshama amet
Consectetur leyi nga ni mafurha yo tala
Nhlayo leyi heleleke ya molestie lorem eka massa
Facilisis eka xirhendzevutani xa pretium nisl aliquet
Nulla volutpat xitsonga xitsonga xitsonga xitsonga
- Xiphemu xa xirhendzevutani xa iaculis neque
- Purus sodales ya switsongwatsongwana swa ultricies
- Vestibulum laoreet xirho xa xirhendzevutani sem
- Ac tristique libero xitsonga xitsonga xitsonga xitsonga
Faucibus porta lacus xihlala xa xirhendzevutani xa xirhendzevutani
Aenean tshama amet erat nunc
Eget porttitor xitsonga xitsonga

<ul class = "leyi nga riki na xitayili" > 
  <li> ... </li>
</ul>

Inline

Veka swilo hinkwaswo swa nxaxamelo eka layini yin’we na inline-blockna swin’wana swo olova swo padding.

Lorem ipsum yi vula leswaku
Xiphemu xa phasellus iaculis
Nulla xitsonga xitsonga

<ul class = "endzeni ka layini" > 
  <li> ... </li>
</ul>

Nhlamuselo

Nxaxamelo wa marito lama nga ni tinhlamuselo leti fambisanaka na wona.

Minxaxamelo ya tinhlamuselo: Nxaxamelo wa tinhlamuselo wu hetisekile ku hlamusela marito.
Euismod: Vestibulum id ligula porta felis euismod xitombo xa xitombo xa xitombo xa xitombo xa xitombo xa xitombo xa xitombo.; Donec id elit leyi nga riki na mi porta gravida eka eget metus.
Malesuada ya xitsonga: Etiam porta sem malesuada leyikulu leyi nga ni vuxiyaxiya.

<dl>
  <dt> ... </dt> leyi nga kona
  <dd> ... </dd>
</dl>

Nhlamuselo ya horizontal

Endla marito na tinhlamuselo eka <dl>layini hi tlhelo na tlhelo.

Minxaxamelo ya tinhlamuselo: Nxaxamelo wa tinhlamuselo wu hetisekile ku hlamusela marito.
Euismod: Vestibulum id ligula porta felis euismod xitombo xa xitombo xa xitombo xa xitombo xa xitombo xa xitombo xa xitombo.; Donec id elit leyi nga riki na mi porta gravida eka eget metus.
Malesuada ya xitsonga: Etiam porta sem malesuada leyikulu leyi nga ni vuxiyaxiya.
Felis euismod xitombo xa xitombo: Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum masa justo tshama amet risus.

<dl class = "dl-xirhendzevutani" > 
  <dt> ... </dt> leyi nga kona
  <dd> ... </dd>
</dl>

Tinhloko ti tlakukile!Minxaxamelo ya tinhlamuselo ta horizontal yi ta tsema marito lama leheke ngopfu ku nghena eka ku lulamisiwa ka kholomo ya ximatsi text-overflow. Eka swivono leswitsongo, swi ta cinca eka xivumbeko xa ntolovelo lexi hlanganisiweke.

Inline

Pfuxeta swiphemu swa khodi ya le ndzeni ka layini hi <code>.

Hi xikombiso, <section>yi fanele yi phutseriwe tanihi leyi nga endzeni ka layini.

Xikombiso , <khodi > & lt ; xiyenge & gt ;</ khodi > yi fanele ku phutseriwe tanihi inline .

Xibokisana xa xisekelo

Tirhisa <pre>eka milayeni yo tala ya khodi. Tiyiseka leswaku u balekela swikhomela-ndhawu swihi na swihi swa angle eka khodi leswaku u ta hundzuluxela kahle.

<p>Xikombiso xa tsalwa laha...</p>

<pre>
  <p>Xikombiso xa tsalwa laha...</p>
</pre>

Tinhloko ti tlakukile!Tiyiseka leswaku u hlayisa khodi endzeni ka <pre>tithegi ekusuhi ni tlhelo ra ximatsi hilaha swi nga kotekaka hakona; yi ta hundzuluxela tithebhu hinkwato.

U nga ha engetela .pre-scrollabletlilasi hi ku hlawula leyi nga ta veka max-height ya 350px na ku nyika y-axis scrollbar.

Switayili swa xiviri

Eka xitayili xa xisekelo—ku pfariwa ko olova ni ku avanyisa loku nga etlhelo ntsena—engetela tlilasi ya le hansi .tableeka yin’wana ni yin’wana <table>.

# .	Vito rosungula	Xivongo	Vito ra mutirhisi
1.	Marka	Otto	@mdo
2.	Yakobe	Thornton	@mafurha
3.	Larry	Xinyenyana	@twitter

< tlilasi ya tafula = "tafula" > 
  ...
</tafula>

Titlilasi leti nga hlawuriwa

Engetela yin’wana na yin’wana ya titlilasi leti landzelaka eka .tabletlilasi ya le hansi.

`.table-striped`

Ku engetela zebra-striping eka layini yihi na yihi ya tafula endzeni ka <tbody>via :nth-childCSS selector (a yi kumeki eka IE7-8).

# .	Vito rosungula	Xivongo	Vito ra mutirhisi
1.	Marka	Otto	@mdo
2.	Yakobe	Thornton	@mafurha
3.	Larry	Xinyenyana	@twitter

< tlilasi ya tafula = "tafula ra tafula-striped" > 
  ...
</tafula>

`.table-bordered`

Engeta mindzilakano na makhon’wa ya xirhendzevutani eka tafula.

# .	Vito rosungula	Xivongo	Vito ra mutirhisi
1.	Marka	Otto	@mdo
1.	Marka	Otto	@getbootstrap ya xitsonga
2.	Yakobe	Thornton	@mafurha
3.	Larry wa Xinyenyana		@twitter

<table class = "tafula leri nga na ndzilakano wa tafula" > 
  ...
</tafula>

`.table-hover`

Endla leswaku xiyimo xa hover xi tirha eka tilayini ta tafula endzeni ka <tbody>.

# .	Vito rosungula	Xivongo	Vito ra mutirhisi
1.	Marka	Otto	@mdo
2.	Yakobe	Thornton	@mafurha
3.	Larry wa Xinyenyana		@twitter

< tlilasi ya tafula = "tafula-hover" > 
  ...
</tafula>

`.table-condensed`

Swi endla leswaku matafula ya va ya hlangana swinene hi ku tsema ti cell padding hi le xikarhi.

# .	Vito rosungula	Xivongo	Vito ra mutirhisi
1.	Marka	Otto	@mdo
2.	Yakobe	Thornton	@mafurha
3.	Larry wa Xinyenyana		@twitter

<table class = "tafula ra tafula leri hlanganisiweke" > 
  ...
</tafula>

Titlilasi ta tilayini leti nga hlawuriwa

Tirhisa titlilasi ta mongo ku penda tilayini ta tafula.

Tlilasi	Nhlamuselo
`.success`	Swi kombisa goza leri humeleleke kumbe lerinene.
`.error`	Swi kombisa goza leri nga ni khombo kumbe leri nga ha vaka ro biha.
`.warning`	Swi kombisa xilemukiso lexi nga ha lavaka nyingiso.
`.info`	Ku tirhisiwa tanihi ndlela yin’wana eka switayele swa ntolovelo.

# .	Ximakiwa	Ku Hakela Ku Tekiwile	Xiyimo
1.	TB - N'hweti na n'hweti	01/04/2012 hi siku ra yena	Pasisiwile
2.	TB - N'hweti na n'hweti	02/04/2012 hi siku ra yena	Ku arile
3.	TB - N'hweti na n'hweti	03/04/2012 hi siku ra yena	Rindzerile
4.	TB - N'hweti na n'hweti	04/04/2012 hi siku ra yena	Fonela endzeni ku tiyisisa

...
  < tr class = "ku humelela" >
    <td> 1 < /td> yi vula leswaku
    <td>TB - N’hweti na n’hweti</ td >
    <td> 01 / 04 / 2012 Xihlamusela -marito xa Xitsonga
    <td>Ku pfumeleriwile</ td >
  </ tr >
...

Ku seketeriwa ka ku fungha tafula

Nxaxamelo wa swiaki swa HTML swa tafula leswi seketeriwaka na ndlela leyi swi faneleke ku tirhisiwa ha yona.

Thege	Nhlamuselo
`<table>`	Xiaki xo phutsela xo kombisa datha hi xivumbeko xa thebulu
`<thead>`	Xiaki xa xikhomela xa tilayini ta nhloko ya tafula ( `<tr>`) ku lebula tikholomu ta tafula
`<tbody>`	Xiaki xa xikhomela xa tilayini ta tafula ( `<tr>`) emirini wa tafula
`<tr>`	Xiaki xa xikhomela xa sete ya tisele ta tafula ( `<td>`kumbe `<th>`) leyi humelelaka eka layini yin’we
`<td>`	Sele ya tafula ya ntolovelo
`<th>`	Sele yo hlawuleka ya tafula ya malebvu ya kholomo (kumbe layini, ku ya hi xikalo na ku vekiwa).
`<caption>`	Nhlamuselo kumbe nkatsakanyo wa leswi tafula ri swi khomeke, ngopfungopfu leswi pfunaka eka vahlayi va xikirini

<tafula>
  <xitlhokovetselo> ... </xitlhokovetselo>
  <nhloko>
    <tr>
      <th> ... </th>
      <th> ... </th>
    </tr>
  </thead>
  <miri>
    <tr>
      <td> ... </td>
      <td> ... </td>
    </tr>
  </tbody>
</tafula>

Switayili swa xiviri

Vulawuri bya xivumbeko bya munhu hi xiyexe byi amukela xitayili, kambe handle ka tlilasi ya xisekelo leyi lavekaka eka <form>kumbe ku cinca lokukulu eka ku fungha. Swi endla leswaku ku va na malebvu lama hlanganisiweke, lama ringanisiweke hi tlhelo ra ximatsi ehenhla ka vulawuri bya fomo.

<xivumbeko>
  <xiyenge xa nsimu>
    <ntsheketo> Ntsheketo </ntsheketo>
    <label> Vito ra lebula </label>
    <input type = "text" placeholder = "Tsala swin'wana..." >  
    <span class = "help-block" > Xikombiso xa tsalwa ra mpfuneto wa xiyimo xa xibokisana laha. </span> 
    < tlilasi ya lebula = "bokisi ro kambela" > 
      <input type = "checkbox" > Ndzi languta 
    </label>
    < muxaka wa buti = "rhumela" class = "btn" > Rhumela </button>  
  </sete ya nsimu>
</form>

Swivumbeko leswi nga hlawuriwa

Ku katsiwile na Bootstrap ku na swivumbeko swinharhu swa xivumbeko xo hlawula eka swiyimo swa matirhiselo lama tolovelekeke.

Fomo yo lavisisa

Engetelani .form-searcheka fomo na .search-queryle ka <input>for an extra-rounded text input.

<fomo ya tlilasi = "fomo-ku lavisisa" > 
  < muxaka wa ku nghenisa = "text" class = "xivutiso xa ku lavisisa-xikarhi-ku nghenisa" >  
  < muxaka wa buti = "rhumela" class = "btn" > Ku lavisisa </button>  
</form>

Fomo ya le ndzeni ka layini

Engetelani .form-inlineeka malebvu lama ringanisiweke hi ximatsi na vulawuri bya inline-block eka layout yo koma.

< tlilasi ya xivumbeko = "fomo-inline" > 
  < muxaka wa ngheniso = "tsalwa" tlilasi = "nyingiso-leswitsongo" xikhomela-ndhawu = "Imeyili" >   
  < muxaka wa ngheniso = "phasiwedi" tlilasi = "nhlamuselo-ntsongo" xikhomela-ndhawu = "Phasiwedi" >   
  < tlilasi ya lebula = "bokisi ro kambela" > 
    <input type = "checkbox" > Ndzi tsundzukeni 
  </label>
  < muxaka wa buti = "rhumela" tlilasi = "btn" > Nghena </button>  
</form>

Xivumbeko xa horizontal

Lulamisa malebvu hi tlhelo ra xinene ivi u ma papamala eximatsini leswaku ma humelela eka layini leyi fanaka ni ya swilawuri. Swi lava ku cinca ko tala ka ku fungha ku suka eka fomo ya ntolovelo:

Engetela .form-horizontaleka fomo
Pfuxeta malebvu na swilawuri eka.control-group
Engetela .control-labeleka lebula
Pfuxeta swilawuri swihi na swihi leswi fambelanaka na swona .controlsleswaku swi ta ringanisiwa kahle

<xivumbeko xa tlilasi = "xivumbeko-xirhendzevutani" > 
  <div class = "ntlawa-vulawuri" > 
    <label class = "control-label" for = "Imeyili yo nghenisa" > Imeyili </lebula>  
    <div class = "swilawuri" > 
      < muxaka wa ku nghenisa = "tsalwa" id = "Imeyili yo nghenisa" xikhomela-ndhawu = "Imeyili" >   
    </div>
  </div>
  <div class = "ntlawa-vulawuri" > 
    <label class = "control-label" for = "Nhlamuselo ya ku nghenisa" > Phasiwedi </label>  
    <div class = "swilawuri" > 
      < muxaka wa ku nghenisa = "phasiwedi" id = "Nhlamuselo ya ku nghenisa" xikhomela-ndhawu = "Password" >   
    </div>
  </div>
  <div class = "ntlawa-vulawuri" > 
    <div class = "swilawuri" > 
      < tlilasi ya lebula = "bokisi ro kambela" > 
        <input type = "checkbox" > Ndzi tsundzukeni 
      </label>
      < muxaka wa buti = "rhumela" tlilasi = "btn" > Nghena </button>  
    </div>
  </div>
</form>

Swilawuri swa xivumbeko leswi seketeriwaka

Swikombiso swa vulawuri bya xivumbeko xa ntolovelo lebyi seketeriwaka eka xivumbeko xa xivumbeko xa xikombiso.

Swilo leswi nghenisiwaka

Vulawuri bya xivumbeko lebyi tolovelekeke ngopfu, tinsimu to nghenisa leti simekiweke eka tsalwa. Ku katsa nseketelo wa tinxaka hinkwato ta HTML5: tsalwa, phaswedi, nkarhi wa siku, nkarhi wa siku-ya laha kaya, siku, n’hweti, nkarhi, vhiki, nomboro, imeyili, url, ku lavisisa, tel, na muvala.

Swi lava ku tirhisiwa ka leswi boxiweke typenkarhi hinkwawo.

< muxaka wa ku nghenisa = "tsalwa" xikhomela-ndhawu = "Nyingiso wa tsalwa" >

Ndhawu ya matsalwa

Vulawuri bya xivumbeko lebyi seketelaka mitila yo tala ya tsalwa. Cinca rowsxihlawulekisi tanihilaha swi lavekaka hakona.

< tilayini ta ndhawu ya matsalwa = "3" ></ndhawu ya matsalwa>

Mabokisi yo kambela ni swiya-ni-moya

Mabokisi yo kambela i ya ku hlawula xin’we kumbe swo hlayanyana eka nxaxamelo kasi swiya-ni-moya i swa ku hlawula ndlela yin’we eka yo tala.

Xihlawulekisi (xi hlengeletiwile) .

< tlilasi ya lebula = "bokisi ro kambela" > 
  < muxaka wa ngheniso = "bokisi ro kambela" nkoka = "" >  
  Ndlela yo sungula i leyi ni leyi—tiyiseka leswaku u katsa leswaku ha yini yi ri leyinene
</label>
 
< tlilasi ya lebula = "radio" > 
  < muxaka wa ngheniso = "radio" vito = "swihlawulekisiRadio" id = "swihlawulekisiRadio1" nkoka = "nhlawulo1" wu kamberiwile >     
  Ndlela yo sungula i leyi ni leyi—tiyiseka leswaku u katsa leswaku ha yini yi ri leyinene
</label>
< tlilasi ya lebula = "radio" > 
  < muxaka wa ngheniso = "radio" vito = "swihlawulekisiRadio" id = "swihlawulekisiRadio2" value = "nhlawulo2" >    
  Nhlawulo wa vumbirhi wu nga va nchumu wun’wana naswona ku wu hlawula swi ta susa nhlawulo wo sungula
</label>

Mabokisi yo kambela ya le ndzeni ka layini

Engetelani .inlinetlilasi eka nxaxamelo wa mabokisi yo kambela kumbe swiya-ni-moya leswaku swilawuri swi humelela eka layini yin’we.

<label class = "bokisi ro kambela endzeni ka layini" > 
  < muxaka wa ku nghenisa = "bokisi ro kambela" id = "bokisi ro kambela ra le ndzeni ka layini1" value = "nhlawulo1" > 1   
</label>
<label class = "bokisi ro kambela endzeni ka layini" > 
  < muxaka wa ngheniso = "bokisi ro kambela" id = "bokisi ro kambela ra le ndzeni ka layini2" value = "nhlawulo2" > 2   
</label>
<label class = "bokisi ro kambela endzeni ka layini" > 
  < muxaka wa ku nghenisa = "bokisi ro kambela" id = "bokisi ro kambela ra le ndzeni ka layini3" value = "nhlawulo3" > 3   
</label>

Ku hlawula

Tirhisa xihlawulekisi xa ntolovelo kutani u boxa a multiple="multiple"ku kombisa swihlawulekisi swo tala hi nkarhi wun’we.

<hlawula>
  <nhlawulo> 1 </nhlawulo>
  <nhlawulo> 2 </nhlawulo>
  <nhlawulo> 3 </nhlawulo>
  <nhlawulo> 4 </nhlawulo>
  <nhlawulo> 5 </nhlawulo>
</hlawula>
 
<hlawula swo tala = "vunyingi" > 
  <nhlawulo> 1 </nhlawulo>
  <nhlawulo> 2 </nhlawulo>
  <nhlawulo> 3 </nhlawulo>
  <nhlawulo> 4 </nhlawulo>
  <nhlawulo> 5 </nhlawulo>
</hlawula>

Ku andlala vulawuri bya xivumbeko

Ku engetela ehenhla ka vulawuri bya browser lebyi nga kona, Bootstrap yi katsa swiphemu swin’wana swa fomo leswi pfunaka.

Swilo leswi nghenisiweke ka ha ri emahlweni na leswi engeteriweke

Engetela tsalwa kumbe swikomba-nkarhi emahlweni kumbe endzhaku ka ku nghenisa kwihi na kwihi loku sekeriweke eka tsalwa. Endla xiya leswaku selectswiaki a swi seketeriwi laha.

Swihlawulekisi swa xiviri

Pfuxeta an .add-onna an inputhi yin’wana ya titlilasi timbirhi ku prepend kumbe ku engetela tsalwa eka input.

<div class = "ku nghenisa-ku nghenisa" > 
  <span class = "xiengetelo" > @ </span> 
  < tlilasi ya swingheniso = "span2" id = "prependedInput" muxaka = "tsalwa" xikhomela-ndhawu = "Vito ra mutirhisi" >    
</div>
<div class = "ku nghenisa-ku engetela" > 
  < tlilasi ya ngheniso = "span2" id = "Nyingiso lowu engeteriweke" muxaka = "tsalwa" >   
  <span class = "xiengetelo" > .00 </span> 
</div>

Ku hlanganisiwa

Tirhisa titlilasi ha timbirhi na swikombiso swimbirhi swa .add-onku prepend na ku engetela input.

<div class = "ku nghenisa-prepend ku nghenisa-ku engetela" > 
  <span class = "xiengetelo" > $ </span> 
  < tlilasi ya swingheniso = "span2" id = "nyingiso lowu engeteriweke" muxaka = "tsalwa" >   
  <span class = "xiengetelo" > .00 </span> 
</div>

Swikomba-nkarhi ematshan’weni ya tsalwa

Ematshan’weni ya a <span>na tsalwa, tirhisa a .btnku namarheta buti (kumbe timbirhi) eka input.

<div class = "ku nghenisa-ku engetela" > 
  < tlilasi ya ngheniso = "span2" id = "Button ya Nyingiso leyi engeteriweke" muxaka = "tsalwa" >   
  < tlilasi ya buti = "btn" muxaka = "buti" > Famba! </button>  
</div>

<div class = "ku nghenisa-ku engetela" > 
  < tlilasi ya swingheniso = "span2" id = "swikomba-nkarhi leswi engeteriweke" muxaka = "tsalwa" >   
  <button class = "btn" muxaka = "button" > Ku lavisisa </button>  
  <button class = "btn" muxaka = "button" > Swihlawulekisi </button>  
</div>

Swilo leswi nga ehansi ka swikomba-nkarhi

<div class = "ku nghenisa-ku engetela" > 
  < tlilasi yo nghenisa = "span2" id = "appendedDropdownButton" muxaka = "tsalwa" >   
  <div class = "ntlawa wa btn" > 
    <button class = "btn ku rhelela-ku cinca" data-ku cinca = "ku rhelela" >  
      Goza
      <span class = "xihlayiselo" ></span> 
    </button>
    <ul class = "menyu leyi nga ehansi" > 
      ...
    </ul>
  </div>
</div>

<div class = "ku nghenisa-ku nghenisa" > 
  <div class = "ntlawa wa btn" > 
    <button class = "btn ku rhelela-ku cinca" data-ku cinca = "ku rhelela" >  
      Goza
      <span class = "xihlayiselo" ></span> 
    </button>
    <ul class = "menyu leyi nga ehansi" > 
      ...
    </ul>
  </div>
  < tlilasi yo nghenisa = "span2" id = "prependedDropdownButton" muxaka = "tsalwa" >   
</div>

<div class = "ku nghenisa-prepend ku nghenisa-ku engetela" > 
  <div class = "ntlawa wa btn" > 
    <button class = "btn ku rhelela-ku cinca" data-ku cinca = "ku rhelela" >  
      Goza
      <span class = "xihlayiselo" ></span> 
    </button>
    <ul class = "menyu leyi nga ehansi" > 
      ...
    </ul>
  </div>
  < tlilasi yo nghenisa = "span2" id = "appendedPrependedDropdownButton" muxaka = "tsalwa" >   
  <div class = "ntlawa wa btn" > 
    <button class = "btn ku rhelela-ku cinca" data-ku cinca = "ku rhelela" >  
      Goza
      <span class = "xihlayiselo" ></span> 
    </button>
    <ul class = "menyu leyi nga ehansi" > 
      ...
    </ul>
  </div>
</div>

Mintlawa leyi nga ehansi leyi hambanisiweke

<xivumbeko>
  <div class = "ku nghenisa-ku nghenisa" > 
    <div class = "ntlawa wa btn" > ... </div> 
    < muxaka wa ngheniso = "tsalwa" > 
  </div>
  <div class = "ku nghenisa-ku engetela" > 
    < muxaka wa ngheniso = "tsalwa" > 
    <div class = "ntlawa wa btn" > ... </div> 
  </div>
</form>

Fomo yo lavisisa

<fomo ya tlilasi = "fomo-ku lavisisa" > 
  <div class = "ku nghenisa-ku engetela" > 
    < muxaka wa ngheniso = "tsalwa" tlilasi = "span2 search-query" >  
    < muxaka wa buti = "rhumela" class = "btn" > Ku lavisisa </button>  
  </div>
  <div class = "ku nghenisa-ku nghenisa" > 
    < muxaka wa buti = "rhumela" class = "btn" > Ku lavisisa </button>  
    < muxaka wa ngheniso = "tsalwa" tlilasi = "span2 search-query" >  
  </div>
</form>

Lawula ku pima mpimo

Tirhisa titlilasi ta vukulu bya xiringaniso ku fana na .input-largekumbe ku fambisana na swingheniso swa wena eka vukulu bya tikholomu ta gridi hi ku tirhisa .span*titlilasi.

Swingheniso swa xiyimo xa xibokisana

Endla leswaku xin’wana na xin’wana <input>kumbe <textarea>elemente yi tikhoma ku fana na elemente ya levele ya block.

< tlilasi ya ngheniso = "xiyimo-xibokisana-ku nghenisa" muxaka = "tsalwa" xikhomela-ndhawu = ".xiyimo-xibokisana-ku nghenisa" >

Ku ringanisa ka xiyimo xa le henhla

< tlilasi ya ngheniso = "nyingiso-mini" muxaka = "tsalwa" xikhomela-ndhawu = ".nyingiso-mini" >   
< tlilasi ya ngheniso = "nyingiso-leswitsongo" muxaka = "tsalwa" xikhomela-ndhawu = ".nyingiso-ntsongo" >   
< tlilasi yo nghenisa = "xikarhi-xingheniso" muxaka = "tsalwa" xikhomela-ndhawu = ".xikarhi-xingheniso" >   
< tlilasi ya ngheniso = "nyingiso-nkulu" muxaka = "tsalwa" xikhomela-ndhawu = ".nyingiso-nkulu" >   
< tlilasi ya ngheniso = "nyingiso-xlarge" muxaka = "tsalwa" xikhomela-ndhawu = ".input-xlarge" >   
< tlilasi ya ngheniso = "nyingiso-xxlarge" muxaka = "tsalwa" xikhomela-ndhawu = ".nyingiso-xxlarge" >

Tinhloko ti tlakukile!Eka tivhidiyo leti taka, hi ta cinca matirhiselo ya titlilasi leti ta ku nghenisa ta xiringaniso leswaku ti fambisana ni vukulu bya hina bya swikomba-nkarhi. Xikombiso, .input-largeswi ta engetela padding na font-size ya input.

Ku ringanisiwa ka gridi

Tirhisa .span1to .span12eka swingheniso leswi fambelanaka na vukulu lebyi fanaka bya tikholomu ta gridi.

< tlilasi ya ngheniso = "span1" muxaka = "tsalwa" xikhomela-ndhawu = ".span1" >   
< tlilasi yo nghenisa = "span2" muxaka = "tsalwa" xikhomela-ndhawu = ".span2" >   
< tlilasi yo nghenisa = "span3" muxaka = "tsalwa" xikhomela-ndhawu = ".span3" >   
<hlawula tlilasi = "span1" > 
  ...
</hlawula>
<hlawula tlilasi = "span2" > 
  ...
</hlawula>
<hlawula tlilasi = "span3" > 
  ...
</hlawula>

Eka swingheniso swo tala swa giridi hi layini, tirhisa .controls-rowtlilasi ya mucinci ku kuma xivandla lexi faneleke . Yi papamala swilo leswi nghenisiwaka leswaku yi collapse white-space, yi veka margins leyi faneleke, naswona yi basisa float.

<div class = "swilawuri" > 
  < tlilasi ya ngheniso = "span5" muxaka = "tsalwa" xikhomela-ndhawu = ".span5" >   
</div>
<div class = "swilawuri swa vulawuri-layini" > 
  < tlilasi yo nghenisa = "span4" muxaka = "tsalwa" xikhomela-ndhawu = ".span4" >   
  < tlilasi ya ngheniso = "span1" muxaka = "tsalwa" xikhomela-ndhawu = ".span1" >   
</div>
...

Swilo leswi nghenisiwaka leswi nga hleriwangiki

Nyikela datha hi xivumbeko lexi nga hleriwiki handle ko tirhisa ku fungha ka xiviri ka fomo.

<span class = "input-xlarge uneditable-input" > Nkoka wun'wana laha </span>

Vumba swiendlo

Hetisa fomo hi ntlawa wa swiendlo (swikomba-nkarhi). Loko swi vekiwa endzeni ka a .form-actions, swikomba-nkarhi swi ta nghena hi swoxe leswaku swi fambisana ni swilawuri swa fomo.

<div class = "swiendlo swa xivumbeko" > 
  < muxaka wa buti = "rhumela" tlilasi = "btn btn-primary" > Hlayisa ku cinca </button>  
  < muxaka wa buti = "button" class = "btn" > Khansela </button>  
</div>

Tsalwa ra mpfuneto

Nseketelo wa xiyimo xa le ndzeni na xibokisana xa tsalwa ra mpfuneto leri humelelaka ku rhendzela vulawuri bya fomo.

Mpfuneto wa le ndzeni ka layini

<input type = "text" ><span class = "mpfuno-eka layini" > Tsalwa ra mpfuneto wa le ndzeni ka layini </span>

Block mpfuno

<input type = "text" ><span class = "help-block" > Xibokisana xo leha xa tsalwa ra mpfuneto lexi tshovekaka eka layini leyintshwa naswona xi nga ha anama ku tlula layini yin'we. </span>

Swivumbeko swa vulawuri bya xivumbeko

Nyika mbuyelo eka vatirhisi kumbe vaendzi hi swiyimo swa masungulo swa mbuyelo eka vulawuri bya tifomo na malebvu.

Ku kongomisa ku nghenisa

Hi susa outlineswitayele swa ntolovelo eka vulawuri byin’wana bya fomo ivi hi tirhisa a box-shadowematshan’weni ya yona ya :focus.

<input class = "input-xlarge" id = "focusedInput" muxaka = "tsalwa" nkoka = "Leswi swi kongomisiwile..." >

Swilo leswi nghenisiweke leswi nga tirhiki

Switayili leswi nghenisiwaka hi ku tirhisa ntirho wa xihlamusela-marito xa xiviri hi :invalid. Boxa a type, engetela requiredxihlawulekisi loko nsimu yi nga ri ya ku tihlawulela, naswona (loko swi fanerile) boxa a pattern.

Leswi a swi kumeki eka tivhidiyo ta Internet Explorer 7-9 hikwalaho ka ku pfumaleka ka nseketelo wa swihlawulekisi swa vuxisi swa CSS.

< tlilasi yo nghenisa = "span3" muxaka = "imeyili" ya laveka >

Swingheniso leswi nga tirhiki

Engetela disabledxihlawulekisi eka ku nghenisa ku sivela ku nghenisa ka mutirhisi na ku hlohlotela ku languteka loku hambaneke nyana.

<input class = "input-xlarge" id = "disabledInput" type = "text" xikhomela-ndhawu = "Ku nghenisa loku nga tirhiki laha..." ku pfaleriwile >

Ku tiyisisa swi vula leswaku

Bootstrap yi katsa switayele swa ku tiyisisa swihoxo, xilemukiso, info, na marungula ya ku humelela. Leswaku u tirhisa, engetela tlilasi leyi faneleke eka leswi rhendzeleke .control-group.

<div class = "xitsundzuxo xa ntlawa wa vulawuri" > 
  <label class = "control-label" for = "xitsundzuxo xa ku nghenisa" > Nghenisa na xitsundzuxo </label>  
  <div class = "swilawuri" > 
    < muxaka wa ku nghenisa = "tsalwa" id = "Xitsundzuxo xa ku nghenisa" >  
    <span class = "help-inline" > Ku nga ha va ku ri na leswi nga famba kahle </span> 
  </div>
</div>
 
<div class = "xihoxo xa ntlawa wa vulawuri" > 
  <label class = "control-label" for = "Xihoxo xo nghenisa" > Nghenisa hi xihoxo </label>  
  <div class = "swilawuri" > 
    < muxaka wa ku nghenisa = "tsalwa" id = "Xihoxo xa ku nghenisa" >  
    <span class = "help-inline" > Hi kombela u lulamisa xihoxo </span> 
  </div>
</div>
 
<div class = "vuxokoxoko bya ntlawa wa vulawuri" > 
  <label class = "control-label" for = "InputInfo" > Nghenisa hi vuxokoxoko </label>  
  <div class = "swilawuri" > 
    < muxaka wa ku nghenisa = "tsalwa" id = "Vuxokoxoko bya ku nghenisa" >  
    <span class = "help-inline" > Vito ra mutirhisi se ri tekiwile </span> 
  </div>
</div>
 
<div class = "ku humelela ka ntlawa wa vulawuri" > 
  <label class = "control-label" for = "inputSuccess" > Nghenisa hi ku humelela </label>  
  <div class = "swilawuri" > 
    < muxaka wa ku nghenisa = "tsalwa" id = "Ku Humelela ka ku nghenisa" >  
    <span class = "pfuno-eka layini" > Woohoo! </span> 
  </div>
</div>

Swikomba-nkarhi swa ntolovelo

Switayili swa swikomba-nkarhi swi nga tirhisiwa eka xin’wana ni xin’wana hi .btntlilasi leyi tirhisiweke. Kambe, hi ntolovelo u ta lava ku tirhisa leswi eka ntsena <a>na <button>swiaki swa ku hundzuluxela lokunene.

Konopa	class=""	Nhlamuselo
	`btn`	Standard grey button na gradient
	`btn btn-primary`	Yi nyika ntiko lowu engetelekeke wa xivono naswona yi kombisa xiendlo xo sungula eka sete ya swikomba-nkarhi
	`btn btn-info`	Ku tirhisiwa tanihi ndlela yin’wana eka switayele swa ntolovelo
	`btn btn-success`	Swi kombisa goza leri humeleleke kumbe lerinene
	`btn btn-warning`	Swi kombisa leswaku vuxiyaxiya byi fanele ku tekiwa eka goza leri
	`btn btn-danger`	Swi kombisa goza leri nga ni khombo kumbe leri nga ha vaka ro biha
	`btn btn-inverse`	Alternate dark grey button, ku nga ri ku bohiwa eka xiendlo xa semantiki kumbe ku tirhisa
	`btn btn-link`	Kandziyisa buti hi ku endla leswaku wu languteka onge i xihlanganisi loko u ri karhi u hlayisa mahanyelo ya buti

Ku fambisana ka browser yo tsemakanya

IE9 a yi crop ti background gradients eka ti rounded corners, kutani hi yi susa. Related, IE9 jankifies disabled buttonelements, yi hundzuluxela tsalwa ra grey hi nasty text-shadow leyi hi nga ta ka hi nga yi lulamisi.

Tisayizi ta swikomba-nkarhi

Xana u fanisa swikomba-nkarhi leswikulu kumbe leswitsongo? Engetela .btn-large, .btn-small, kumbe .btn-miniku kuma tisayizi leti engetelekeke.

<p>
  <button class = "btn btn-nkulu btn-primary" muxaka = "button" > Batani leyikulu </button>  
  <button class = "btn btn-leyikulu" muxaka = "button" > Batani leyikulu </button>  
</p>
<p>
  <button class = "btn btn-primary" muxaka = "button" > Batani ya xiviri </button>  
  <button class = "btn" type = "button" > Batani ya xiviri </button>  
</p>
<p>
  <button class = "btn btn-xitsongo btn-primary" muxaka = "button" > Xigwitsirisi lexitsongo </button>  
  <button class = "btn btn-small" muxaka = "button" > Xifaniso lexitsongo </button>  
</p>
<p>
  <button class = "btn btn-mini btn-primary" muxaka = "buti" > Batani ya mini </button>  
  < tlilasi ya buti = "btn btn-mini" muxaka = "buti" > Batani ya mini </button>  
</p>

Endla swikomba-ndlela swa block level—leswi hlanganisaka ku anama hinkwako ka mutswari—hi ku engetela .btn-block.

<button class = "btn btn-large btn-block btn-primary" muxaka = "button" > Xibokisana xa xiyimo xa le henhla </button>  
<button class = "btn btn-large btn-block" muxaka = "button" > Xibokisana xa xiyimo xa xibokisana </button>

Xiyimo xa vulema

Endla leswaku swikomba-nkarhi swi languteka swi nga tikhomi hi ku swi fada endzhaku hi 50%.

Xiaki xa anchor

Engetela .disabledtlilasi eka <a>swikomba-nkarhi.

Xihlanganisi xa le henhla Hlanganisa

<a href = "#" class = "btn btn-large btn-primary yi nga tirhi" > Xihlanganisi xa le henhla </a>  
<a href = "#" class = "btn btn-nkulu yi nga tirhi" > Xihlanganisi </a>

Tinhloko ti tlakukile!Hi tirhisa .disabledtanihi tlilasi ya vukorhokeri laha, ku fana na .activetlilasi leyi tolovelekeke, hikwalaho ku hava xirhangi lexi lavekaka. Nakambe, tlilasi leyi i ya vuxongi ntsena; u fanele ku tirhisa JavaScript ya ntolovelo ku tshikisa swihlanganisi laha.

Xiphemu xa buti

Engetela disabledxihlawulekisi eka <button>swikomba-nkarhi.

<button type = "button" class = "btn btn-large btn-primary yi nga tirhi" yi tshikiwile = "yi nga tirhi" > Batani ya le henhla </button>   
< muxaka wa buti = "button" class = "btn btn-large" yi tshikiwile > Batani </button>

Tlilasi yin’we, tithegi to tala

Tirhisa .btntlilasi eka <a>, <button>, kumbe <input>elemente.

<a class = "btn" href = "" > Xihlanganisi </a>  
<button class = "btn" muxaka = "rhumela" > Batani </button>  
< tlilasi ya ngheniso = "btn" muxaka = "button" value = "Nyingiso" >   
< tlilasi yo nghenisa = "btn" muxaka = "rhumela" value = "Rhumela" >

Tanihi endlelo lerinene, ringeta ku fambisana na elemente ya mongo wa wena ku tiyisisa ku fambelana ka ku hundzuluxela ka cross-browser. Loko u ri na input, tirhisa <input type="submit">eka buti ya wena.

Engetelani titlilasi eka <img>elemente ku olova ku endla swifaniso eka phurojeke yihi na yihi.

<img src = "..." tlilasi = "img-xirhendzevutani" >  
<img src = "..." tlilasi = "xirhendzevutani-xirhendzevutani xa img" >  
<img src = "..." tlilasi = "img-polaroid" >

Tinhloko ti tlakukile! .img-roundednaswona .img-circlea ti tirhi eka IE7-8 hikwalaho ka ku pfumaleka ka border-radiusnseketelo.

Swifaniso swa swifaniso swa swifaniso

140 wa swifaniso hi xivumbeko xa sprite, leswi kumekaka hi muhlovo wa grey wo dzwihala (default) na wo basa, leswi nyikiweke hi Glyphicons .

xifaniso-nghilazi
xifaniso-vuyimbeleri
ku lavisisa swifaniso
xifaniso-mvhilopho
xifaniso-mbilu
xifaniso-nyeleti
xifaniso-nyeleti-empty
xifaniso-mutirhisi
xifaniso-filimi
xifaniso-xa-vukulu
xifaniso-th
icon-th-nxaxamelo wa swifaniso
xifaniso-ok
xifaniso-ku susa
icon-zoom-in xifaniso xa xirhendzevutani
xifaniso-ku-kumisa-ku-hunguta
xifaniso-xiphemu
xifaniso-xikombiso
xifaniso-xifaniso
xifaniso xa thyaka
xifaniso-kaya
xifaniso-fayili
xifaniso-nkarhi
xifaniso-gondzo
xifaniso-ku-dawuniloda-alt
xifaniso-ku dawuniloda
xifaniso-ku layicha
icon-bokisi ra switiviso
xifaniso-ku tlanga-xirhendzevutana
xifaniso-phindha-phindha
xifaniso-ku pfuxeta
icon-list-alt
xifaniso-xilotlelo
xifaniso-mujeko
swifaniso-switwi swa le tindleveni
xifaniso-volume-ku-tima
icon-volume-ehansi
icon-volume-ku tlakuka
xifaniso-qrcode
xifaniso-barkhodi
xifaniso-xifaniso
swifaniso swa swifaniso
buku ya swifaniso
xifaniso-xikombiso xa buku
xifaniso-ku gandlisa
xifaniso-khamera
xifaniso-fonto
xifaniso xa xirhendzevutani
xifaniso xa xifaniso
xifaniso-tsalwa-ku leha
xifaniso-tsalwa-ku anama
icon-align-ximatsi
icon-align-xikarhi
xifaniso-ku ringanisa-exineneni
xifaniso-ku ringanisa-ku lulamisa
icon-list
xifaniso-xiphemu-ximatsi
xifaniso-xiphemu-xinene
xifaniso-xikandza-nkarhi-vhidiyo
xifaniso-xifaniso
xifaniso-pensele
xifaniso-ximaki-mepe
xifaniso-lunghiselela
xifaniso-tint
xifaniso-hlela
xifaniso-xi avelana
xifaniso-xikambelo
xifaniso-ku famba
xifaniso-goza-ku tlhelela endzhaku
icon-fast-endzhaku
xifaniso-xi tlhelela endzhaku
ku tlanga hi swifaniso
xifaniso-ku yimanyana
xifaniso-xiyima
xifaniso-xi ya emahlweni
xifaniso-xi hatlisa-ku-ya emahlweni
icon-goza-ku ya emahlweni
xifaniso-ku humesa
xifaniso-chevron-ximatsi
xifaniso-chevron-xinene
xifaniso-ku-plus-xikombiso
xifaniso-ku susa-xikombiso
xifaniso- susa-xikombiso
xifaniso-ok-xikombiso
xifaniso-xivutiso-xikombiso
icon-info-xikombiso
xifaniso-xifaniso xa xikirini
xifaniso-susa-xirhendzevutana
xifaniso-ok-xirhendzevutana
xifaniso-xirhendzevutana-xirhendzevutana
xifaniso-museve-ximatsi
xifaniso-museve-exineneni
xifaniso-museve-ehenhla
xifaniso-museve-ehansi
xifaniso-xi avelana-alt
xifaniso-xi cinca-vukulu-xi tele
xifaniso-xi cinca-vukulu-xitsongo
xifaniso-ku engetela
xifaniso-ku susa
xifaniso-xifaniso xa nyeleti
xifaniso-xikombiso-xihlamusela-marito
xifaniso-nyiko
xifaniso-tluka
xifaniso-ndzilo
xifaniso-xivula-tihlo
xifaniso-tihlo-pfala
xifaniso-xitsundzuxo-xikombiso
xifaniso-xihaha-mpfhuka
xifaniso-khalendara
xifaniso xa xitshuketa
xifaniso-xihlamusela-marito
xifaniso-maginete
xifaniso-xiphemu xa le henhla
xifaniso-chevron-ehansi
xifaniso-retweet
xifaniso-xigolonyana xo xava
xifaniso-folda-pfala
xifaniso-folda-vula
xifaniso-xi cinca-vukulu-xi yimile
xifaniso-xi cinca-vukulu-xi rhendzeleka
xifaniso-hdd
xifaniso xa bullhorn
xifaniso-bell
xifaniso-xitifikheti
xifaniso-swikunwana-ehenhla
xifaniso-swikunwana-ehansi
xifaniso-voko-exineneni
xifaniso-voko-ximatsi
xifaniso-voko-ehenhla
xifaniso-voko-ehansi
xifaniso-xirhendzevutana-nseve-exineneni
xifaniso-xirhendzevutana-nseve-ximatsi
xifaniso-xirhendzevutana-museve-ehenhla
xifaniso-xirhendzevutana-museve-ehansi
xifaniso xa misava
xifaniso-xilotlelo
swifaniso-mintirho
xifaniso-xisefo
xifaniso-xikhwama xa swilo
xifaniso-xikirini lexi heleleke

Ku ringanisiwa ka Glyphicons

Glyphicons Halflings hi ntolovelo a yi kumeki mahala, kambe lunghiselelo exikarhi ka Bootstrap na vatumbuluxi va Glyphicons ri endle leswaku leswi swi koteka handle ko hakela eka wena tanihi vaendli. Tanihi ku khensa, hi kombela ku katsa xihlanganisi xo hlawula ku tlhelela eka Glyphicons nkarhi wun’wana na wun’wana loko swi tirha.

Ndlela yo tirhisa

Swifaniso hinkwaswo swi lava <i>thegi leyi nga ni tlilasi yo hlawuleka, leyi nga ni xirhangi xa icon-. Leswaku u yi tirhisa, veka khodi leyi landzelaka kwalomu ka kun’wana ni kun’wana:

<i class = "ku lavisisa-xifaniso" ></i>

Kutlhela kuva na switayele leswi kumekaka swa swifaniso leswi hundzuriweke ( swo basa), leswi endliweke swi lunghekile hi tlilasi yin’we yo engetela. Hi ta sindzisa hi ku kongoma tlilasi leyi eka swiyimo swa hover na leswi tirhaka swa nav na swihlanganisi swa dropdown.

<i class = "xifaniso-ku lavisisa xifaniso-xo basa" ></i>

Tinhloko ti tlakukile!Loko u tirhisa etlhelo ka tintambhu ta matsalwa, tanihi le ka swikomba-nkarhi kumbe swihlanganisi swa nav, tiyiseka leswaku u siya xivandla endzhaku ka <i>thegi leswaku u kuma xivandla lexi faneleke.

Swikombiso swa swifaniso

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.

Swikomba-nkarhi

Ntlawa wa swikomba-nkarhi eka barhi ya switirhisiwa ya swikomba-nkarhi

<div class = "btn-barha ya switirhisiwa" > 
  <div class = "ntlawa wa btn" > 
    <a class = "btn" href = "#" ><i class = "xifaniso-ku ringanisa-ximatsi" ></i></a>   
    <a class = "btn" href = "#" ><i class = "xikarhi-xiringaniso-xifaniso" ></i></a>   
    <a class = "btn" href = "#" ><i class = "xifaniso-ku ringanisa-xinene" ></i></a>   
    <a class = "btn" href = "#" ><i class = "xifaniso-ku ringanisa-ku lulamisa" ></i></a>   
  </div>
</div>

Dropdown eka ntlawa wa swikomba-nkarhi

Mutirhisi

<div class = "ntlawa wa btn" > 
  <a class = "btn btn-primary" href = "#" ><i class = "xifaniso-mutirhisi wa xifaniso-yo basa" ></i> Mutirhisi </a>   
  <a class = "btn btn-primary dropdown-toggle" data-toggle = "xirhendzevutani" href = "#" ><span tlilasi = "caret" ></span></a>    
  <ul class = "menyu leyi nga ehansi" > 
    <li><a href = "#" ><i class = "xifaniso-pensele" ></i> Hlela </a></li>  
    <li><a href = "#" ><i tlilasi = "xifaniso-thyaka" ></i> Susa </a></li>  
    <li><a href = "#" ><i class = "xirhendzevutani-xa-xifaniso-ku yirisiwa" ></i> Ku yirisiwa </a></li>  
    <li tlilasi = "xihambanisi" </li> 
    <li><a href = "#" ><i tlilasi = "mina" ></i> Endla vufambisi </a></li>  
  </ul>
</div>

Tisayizi ta swikomba-nkarhi

Nyeleti Nyeleti Nyeleti

<a class = "btn btn-large" href = "#" ><i class = "xifaniso-nyeleti" ></i> Nyeleti </a>   
<a class = "btn btn-small" href = "#" ><i tlilasi = "xifaniso-nyeleti" ></i> Nyeleti </a>   
<a tlilasi = "btn btn-mini" href = "#" ><i tlilasi = "xifaniso-nyeleti" ></i> Nyeleti </a>

Ku famba-famba

<ul tlilasi = "nav nav-nxaxamelo" > 
  <li class = "active" ><a href = "#" ><i class = "xifaniso-xifaniso xa le kaya-xo basa" </i> Kaya </a></li>   
  <li><a href = "#" ><i tlilasi = "buku-ya swifaniso" ></i> Layiburari </a></li>  
  <li><a href = "#" ><i class = "xifaniso-pensele" ></i> Switirhisiwa </a></li>  
  <li><a href = "#" ><i tlilasi = "mina" ></i> Misc </a></li>  
</ul>

Tifomo ta tinsimu

<div class = "ntlawa-vulawuri" > 
  <label class = "control-label" for = "Icon yo nghenisa" > Adirese ya imeyili </label>  
  <div class = "swilawuri" > 
    <div class = "ku nghenisa-ku nghenisa" > 
      <span class = "xiengetelo" ><i tlilasi = "xifaniso-mvhilopho" ></i></span>  
      < tlilasi yo nghenisa = "span2" id = "Icon yo nghenisa" muxaka = "tsalwa" >   
    </div>
  </div>
</div>

Ku thayipa

Tinhloko-mhaka

h1. Nhlokomhaka ya 1

h2. Nhlokomhaka ya 2

h3. Nhlokomhaka ya 3

h4. Nhlokomhaka ya 4

h5. Nhlokomhaka ya 5

h6. Nhlokomhaka ya 6

Khopi ya miri

Khopi ya miri leyi rhangelaka

Yi akiwile hi Switsongo

Tiyisisa

<small>

Titshembha

Switlhokovetselo swa xitaliki

Titlilasi ta ku ringanisa

Titlilasi to kandziyisa

Swipfuxeto

<abbr>

<abbr class="initialism">

Tiadirese

<address>

Switlhokovetselo swa swibokisana

Xibokisana xa xiviri

Swihlawulekisi swa blockquote

Ku thya xihlovo vito

Swikombiso swin’wana

Minxaxamelo ya swilo

A swi odariwanga

Ku odariwile

Ku nga ri na xitayili

Inline

Nhlamuselo

Nhlamuselo ya horizontal

Khodi

Inline

Xibokisana xa xisekelo

Matafula

Switayili swa xiviri

Titlilasi leti nga hlawuriwa

.table-striped

.table-bordered

.table-hover

.table-condensed

Titlilasi ta tilayini leti nga hlawuriwa

Ku seketeriwa ka ku fungha tafula

Swivumbeko

Switayili swa xiviri

Swivumbeko leswi nga hlawuriwa

Fomo yo lavisisa

Fomo ya le ndzeni ka layini

Xivumbeko xa horizontal

Swilawuri swa xivumbeko leswi seketeriwaka

Swilo leswi nghenisiwaka

Ndhawu ya matsalwa

Mabokisi yo kambela ni swiya-ni-moya

Xihlawulekisi (xi hlengeletiwile) .

Mabokisi yo kambela ya le ndzeni ka layini

Ku hlawula

Ku andlala vulawuri bya xivumbeko

Swilo leswi nghenisiweke ka ha ri emahlweni na leswi engeteriweke

Swihlawulekisi swa xiviri

Ku hlanganisiwa

Swikomba-nkarhi ematshan’weni ya tsalwa

Swilo leswi nga ehansi ka swikomba-nkarhi

Mintlawa leyi nga ehansi leyi hambanisiweke

Fomo yo lavisisa

Lawula ku pima mpimo

Swingheniso swa xiyimo xa xibokisana

Ku ringanisa ka xiyimo xa le henhla

Ku ringanisiwa ka gridi

Swilo leswi nghenisiwaka leswi nga hleriwangiki

Vumba swiendlo

Tsalwa ra mpfuneto

Mpfuneto wa le ndzeni ka layini

Block mpfuno

Swivumbeko swa vulawuri bya xivumbeko

Ku kongomisa ku nghenisa

Swilo leswi nghenisiweke leswi nga tirhiki

Swingheniso leswi nga tirhiki

`<small>`

`<abbr>`

`<abbr class="initialism">`

`<address>`

`.table-striped`

`.table-bordered`

`.table-hover`

`.table-condensed`