Sekala sa mongolo

Keriti eohle ea typographic e thehiloe holim'a mefuta e 'meli e Nyane ho mefuta ea rona.faele e se nang letho: @baseFontSizele @baseLineHeight. Ea pele ke boholo ba fonte e sebelisoang hohle 'me ea bobeli ke bophahamo ba mohala.

Re sebelisa mefuta-futa eo, le lipalo tse ling, ho theha marang-rang, li-padding, le bophahamo ba mela ea mefuta eohle ea rona le tse ling.

Mohlala oa mongolo oa 'mele

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

Kopi ea 'mele oa moetapele

Etsa hore serapa se hlahelle ka ho eketsa .lead.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Ke mollis, e seng commodo luctus.

Ho sebelisa khatiso

Fusce dapibus , tellus ac cursus commodo , tor mauris condimentum nibh , ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum. Nulla vitae elit libero, pharetra augue.

Tlhokomeliso: Ikutloe u lokolohile ho sebelisa <b>le <i>ho HTML5, empa ts'ebeliso ea bona e fetohile hanyane. <b>e reretsoe ho totobatsa mantsoe kapa lipoleloana ntle le ho fana ka bohlokoa bo eketsehileng ha <i>boholo e le ea lentsoe, mantsoe a theknoloji, joalo-joalo.

Liaterese tsa mohlala

Mehlala e 'meli ke ena ea hore na <address>tag e ka sebelisoa joang:

Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890

Lebitso le
felletseng [email protected]

Likgutsufatso tsa mohlala

Likgutsufatso tse nang le titletšobotsi li na le moeli o ka tlase oa matheba a bobebe le sekhesa sa thuso ho hover. Sena se fa basebelisi pontšo e eketsehileng ea hore na ho na le ntho e tla bontšoa hover.

Eketsa initialismsehlopha ho khutsufatso ho eketsa kutloano ea mongolo ka ho e fa sengoloa se senyane hanyane.

HTML ke ntho e ntle ka ho fetisisa ho tloha ha bohobe bo sehiloeng.

Kgutsufatso ya lentsoe tšobotsi ke attr .

Ho kenyelletsa blockquote, koahela HTML<blockquote> efe kapa efe joalo ka quote. Bakeng sa mantsoe a qotsitsoeng ka kotloloho re khothaletsa a .<p>

Kenyelletsa <small>karolo eo u ka e khethang ho qotsa mohloli oa hau, 'me u tla fumana letšoao la em —pele ho eona molemong oa ho etsa setaele.

<blockquote>
  <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat ante venenatis. </p>
  <e nyane> Motho ya tsebahalang </small>
</blockquote>

Li-blockquotes tsa kamehla li ngotsoe ka tsela e kang:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat ante venenatis.

Motho ya tummeng ka Mmele wa mosebetsi

Ho phaphamisa blockquote ea hau ka ho le letona, eketsa class="pull-right":

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat ante venenatis.

Motho ya tummeng ka Mmele wa mosebetsi

Ha ea laeloa

<ul>

• Lorem ipsum dolor sit amet
• Consectetur adipiscing elit
• Integer molestie lorem le massa
• Facilisis in pretium nisl aliquet
• Nulla volutpat aliquam velit
  • Phasellus iaculis neque
  • Likokoana-hloko tsa Purus sodales
  • Vestibulum laoreet porttitor sem
  • Ac tristique libero volutpat at
• Faucibus porta lacus fringilla vel
• Aenean sit amet erat nunc
• Eget porttitor lorem

Unstyled

<ul class="unstyled">

• Lorem ipsum dolor sit amet
• Consectetur adipiscing elit
• Integer molestie lorem le massa
• Facilisis in pretium nisl aliquet
• Nulla volutpat aliquam velit
  • Phasellus iaculis neque
  • Likokoana-hloko tsa Purus sodales
  • Vestibulum laoreet porttitor sem
  • Ac tristique libero volutpat at
• Faucibus porta lacus fringilla vel
• Aenean sit amet erat nunc
• Eget porttitor lorem

E laetsoe

<ol>

1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Integer molestie lorem le massa
4. Facilisis in pretium nisl aliquet
5. Nulla volutpat aliquam velit
6. Faucibus porta lacus fringilla vel
7. Aenean sit amet erat nunc
8. Eget porttitor lorem

Tlhaloso

<dl>

Manane a tlhaloso

Lethathamo la litlhaloso le nepahetse bakeng sa ho hlalosa mantsoe.

Euismod

Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.

Donec id elit non mi porta gravida at eget metus.

Malesuada porta

Etiam porta sem malesuada magna mollis euismod.

Tlhaloso e tshekaletseng

<dl class="dl-horizontal">

Manane a tlhaloso

Lethathamo la litlhaloso le nepahetse bakeng sa ho hlalosa mantsoe.

Euismod

Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.

Donec id elit non mi porta gravida at eget metus.

Malesuada porta

Etiam porta sem malesuada magna mollis euismod.

Felis euismod semper eget lacinia

Fusce dapibus, tellus ac cursus commodo, tor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

---

Hlokomela! Manane a litlhaloso a tšekaletseng a tla fokotsa mantsoe a malelele haholo hore a kenelle karolong e ka ho le letšehali text-overflow. Libopong tsa pono tse tšesaane, li tla fetohela ho sebopeho sa tlhophiso ea kamehla.

E mocheng

Qetella likotoana tse nyane tsa khoutu ka <code>.

Ka mohlala , <code> karolo </ code > e lokela ho phutheloa joalo ka inline .  

Thibelo ea motheo

Sebelisa <pre>bakeng sa mela e mengata ea khoutu. Etsa bonnete ba hore u balehile masakaneng afe kapa afe a khouto bakeng sa phetolelo e nepahetseng.

<p>Mohlala oa mongolo mona...</p>

<pele>
  <p>Mohlala oa mongolo mona...</p>
</ pre>

Tlhokomeliso: Etsa bonnete ba hore u boloka khoutu ka har'a <pre>li-tag haufi le ho le letšehali kamoo ho ka khonehang; e tla fana ka li-tab tsohle.

O ka eketsa ka boikhethelo .pre-scrollablesehlopha se tla beha bophahamo bo boholo ba 350px mme se fane ka y-axis scrollbar.

Google Pretify

Nka <pre>ntho e tšoanang 'me u kenye lihlopha tse peli tseo u ka li khethang bakeng sa phetolelo e ntlafalitsoeng.

<p> Mohlala oa mongolo mona... </p>

<pre class = "prettyprint 
     linenum" >
  <p>Mohlala oa mongolo mona...</p>
</ pre>

Khoasolla google-code-prettify 'me u shebe buka eo u ka e sebelisang ho e sebelisa.

Tag	Tlhaloso
<table>	Karolo ea ho phuthela bakeng sa ho hlahisa data ka mokhoa oa tabular
<thead>	Karolo ea setshelo bakeng sa mela ea lihlooho tsa tafole ( <tr>) ho tšoaea litšiea tsa tafole
<tbody>	Karolo ea setshelo bakeng sa mela ea tafole ( <tr>) 'meleng oa tafole
<tr>	Karolo ea nkho bakeng sa sete ea lisele tsa tafole ( <td>kapa <th>) tse hlahang moleng o le mong
<td>	Tafole ea kamehla
<th>	Li-tafole tse khethehileng bakeng sa kholomo (kapa mola, ho ipapisitsoe le sebaka le sebaka) li lokela ho sebelisoa ka har'a<thead>
<caption>	Tlhaloso kapa kakaretso ea seo tafole e se tšoereng, haholo-holo ho babali ba skrineng

<tafole>
  <hlooho>
    <tr>
      <th> … </th>
      <th> … </th>
    </tr>
  </ hlooho>
  <botho>
    <tr>
      <td> … </td>
      <td> … </td>
    </tr>
  </tbody>
</tafole>

Litafole li entsoe ka mokhoa o ikemetseng ka meeli e fokolang feela ho netefatsa hore li balehe le ho boloka sebopeho. Ka 2.0, .tablesehlopha sea hlokahala.

< sehlopha sa tafole = "tafole" > 
  …
</tafole>

#	Lebitso la pele	Fane	Username
1	Tšoaea	Otto	@mdo
2	Jakobo	Thornton	@mafura
3	Larry	Nonyana	@twitter

Fumana monate ka litafole tsa hau ka ho eketsa liqoaha-tsenya .table-stripedsehlopha.

Tlhokomeliso: Litafole tse metsero li sebelisa sekhetho sa :nth-childCSS 'me ha se fumanehe ho IE7-IE8.

< sehlopha sa tafole = "table-striped table" > 
  …
</tafole>

#	Lebitso la pele	Fane	Username
1	Tšoaea	Otto	@mdo
2	Jakobo	Thornton	@mafura
3	Larry	Nonyana	@twitter

Kenya meeli ho potoloha tafole eohle le likhutlo tse chitja bakeng sa merero ea botle.

< sehlopha sa tafole = "tafole e moeling oa tafole" > 
  …
</tafole>

#	Lebitso la pele	Fane	Username
1	Tšoaea	Otto	@mdo
	Tšoaea	Otto	@getbootstrap
2	Jakobo	Thornton	@mafura
3	Larry Nonyana		@twitter

Etsa hore litafole tsa hau li kopane ho feta ka ho eketsa .table-condensedsehlopha ho khaola lisele tsa tafole ka halofo (ho tloha ho 8px ho isa ho 4px).

< sehlopha sa tafole = "table table-condensed" > 
  …
</tafole>

#	Lebitso la pele	Fane	Username
1	Tšoaea	Otto	@mdo
2	Jakobo	Thornton	@mafura
3	Larry Nonyana		@twitter

Ikutloe u lokolohile ho kopanya lihlopha life kapa life tsa litafole ho fihlela chebahalo e fapaneng ka ho sebelisa litlelase life kapa life tse fumanehang.

< sehlopha sa tafole = "tafole e nang le methalo e nang le moeli oa tafole e khutsufalitsoeng" > 
  ...
</tafole>

	Mabitso a felletseng
#	Lebitso la pele	Fane	Username
1	Tšoaea	Otto	@mdo
2	Jakobo	Thornton	@mafura
3	Larry Nonyana		@twitter

Flexible HTML le CSS

Karolo e ntle ka ho fetisisa mabapi le liforomo ho Bootstrap ke hore lintho tsohle tse kentsoeng le litaolo tsa hau li shebahala li le ntle ho sa tsotelehe hore na u li haha ​​joang ka har'a letšoao la hau. Ha ho hlokahale HTML e sa hlokahaleng, empa re fana ka lipaterone bakeng sa ba e hlokang.

Meaho e rarahaneng haholoanyane e tla le litlelase tse hlakileng le tse ka senyehang bakeng sa ho etsa setaele habonolo le ho tlama liketsahalo, kahoo o tla u thusa mohatong o mong le o mong.

Mehaho e mene e kenyelelitsoe

Bootstrap e tla le tšehetso bakeng sa mefuta e mene ea meralo ea liforomo:

• E otlolohileng (ea kamehla)
• Batla
• E mocheng
• E tshekaletseng

Mefuta e fapaneng ea meralo ea liforomo e hloka liphetoho tse itseng ho markup, empa litsamaiso ka botsona li sala li sebetsa ka mokhoa o ts'oanang.

Laola linaha le tse ling

Liforomo tsa Bootstrap li kenyelletsa setaele bakeng sa taolo eohle ea liforomo tse kang ho kenya, mongolo, le khetho eo u ka e lebellang. Empa e boetse e tla le likarolo tse 'maloa tsa tloaelo joalo ka likenyelletso tse kentsoeng le tse reriloeng esale pele le tšehetso bakeng sa manane a li-checkbox.

Linaha tse kang phoso, temoso, le katleho li kenyelelitsoe bakeng sa mofuta o mong le o mong oa taolo ea foromo. Hape ho kenyelelitsoe mekhoa ea li-control tse holofetseng.

Foromo ea motheo

Lisebelisoa tse bohlale le tse bobebe ntle le matšoao a eketsehileng.

Lebitso la label

Mohlala oa mongolo oa thuso oa boemo ba block mona.

Ntekole Kenya

< sehlopha sa foromo = "hantle" > 
  <label> Lebitso la label </label>
  <input type = "text" class = "span3" placeholder = " Ngola ntho e itseng..." >   
  <span class = "help-block" > Mohlala oa mongolo oa thuso oa boemo ba block mona. </span> 
  <label class = "checkbox" > 
    < mofuta oa ho kenya = "checkbox" > Nchebe 
  </ label>
  < mofuta oa konopo = "submit" class = "btn" > Kenya </button>  
</ form>

Batla foromo

Eketsa .form-searchho foromo le .search-queryho input.

Batla

< sehlopha sa mofuta = "batlisisa hantle" > 
  <input type = "text" class = "input-medium search-query" >  
  <button type = "submit" class = "btn" > Batla </button>  
</ form>

Foromo ea moleng

Eketsa .form-inlineho finesse tekamano e otlolohileng le sebaka sa taolo ea liforomo.

Nkhopole kena

<form class = "hantle foromo-inline" > 
  <input type = "text" class = "input-small" placeholder = "Imeile" >   
  <input type = "password" class = "input-small" placeholder = "Password" >   
  <label class = "checkbox" > 
    <input type = "checkbox" > Nkgopole 
  </ label>
  < mofuta oa konopo = "submit" class = "btn" > Kena </button>  
</ form>

Ka ho le letona ho bonts'itsoe li-control tsa kamehla tseo re li tšehetsang. Lenane le nang le marumo ke lena:

• mongolo (mongolo, phasewete, imeile, joalo-joalo)
• lebokose la ho hlahloba
• seea-le-moea
• khetha
• khethang ho tsona tse ngata
• ho kenya faele
• textarea

Ho kenya mongolo

Ntle le mongolo oa freeform, tlhahiso efe kapa efe e thehiloeng ho mongolo oa HTML5 e hlaha joalo.

Lebokose la ho hlahloba

Khetho ea pele ke ena le eane-etsa bonnete ba hore o kenyelletsa hore na hobaneng e le ntle

Khetha lenane

ntho e itseng 2 3 4 5

Multicon-khetha

1 2 3 4 5

Kenya faele

Textarea

Boloka liphetoho Hlakola

Mehlala ea mohlala

Ha ho nahanoa ka sebopeho sa sebopeho sa mohlala se kaholimo, mona ke letšoao le amanang le sehlopha sa pele sa ho kenya le ho laola. The .control-group, .control-label, le .controlslitlelase kaofela lia hlokahala bakeng sa setaele.

<form class = "form-horizontal" > 
  <setsi sa masimo>
    < sengolwa> Sengolwa </legend>
    <div class = "control-group" > 
      <label class = "control-label" for = "input01" > Kenyo ya mongolo </label>  
      <div class = "taolo" > 
        <input type = "text" class = "input-xlarge" id = "input01" >   
        <p class = "help-block" > Mongolo wa thuso o tshehetsang </p> 
      </ div>
    </ div>
  </ fieldset>
</ form>

disabledBootstrap e na le mekhoa ea ho tsepamisa maikutlo le linaha tse tšehelitsoeng ke sebatli . Re tlosa Webkit ea kamehla outlineebe re kenya a box-shadowsebakeng sa eona bakeng sa :focus.

---

Netefatso ea foromo

E boetse e kenyelletsa mekhoa ea ho netefatsa liphoso, litemoso, le katleho. Ho e sebelisa, eketsa sehlopha sa liphoso sebakeng se potolohileng .control-group.

<fieldset
  class = "phoso ea sehlopha sa taolo" >
  …
</ fieldset>

Kenyelletso e tsepamisitsoeng

Kenyelletso e ke keng ea fetoloa

Boleng bo bong mona

Kenyelletso e koetsoeng

Lebokose la ho hlahloba le emisitsoe

Lebokose la tlhahlobo le koetsoeng

Kena ka temoso

Ho ka etsahala hore ebe ho na le phoso

Kena ka phoso

Ka kopo, lokisa phoso

Kenyeletso ka katleho

Woohoo!

Khetha ka katleho

1 2 3 4 5 Woohoo!

Boloka liphetoho Hlakola

Etsa esale pele 'me u kenye letsoho

Lihlopha tsa ho kenya—tse nang le mongolo o kentsoeng kapa o reriloeng—li fana ka tsela e bonolo ea ho fana ka moelelo o eketsehileng oa seo u se ngotseng. Mehlala e metle e kenyelletsa letšoao la @ bakeng sa mabitso a basebelisi ba Twitter kapa $ bakeng sa lichelete.

---

Li-checkbox le liea-le-moea

Ho fihla ho v1.4, Bootstrap e ne e hloka letšoao le eketsehileng ho potoloha mabokose a tlhahlobo le liea-le-moea ho li beha. Joale, ke taba e bonolo ea ho pheta <label class="checkbox">se phuthelang <input type="checkbox">.

Mabokose a marang-rang le liea-le-moea le tsona lia tšehetsoa. Eketsa feela .inlineho efe .checkboxkapa efe kapa .radioo qetile.

---

Liforomo tse ka har'a marang-rang 'me u li kenye / u li ekise pele

Ho sebelisa lintho tse kentsoeng esale pele kapa tse hlomathisang ka mokhoa o inline, etsa bonnete ba hore u beha .add-onle inputmoleng o le mong, ntle le libaka.

---

Mongolo oa thuso oa foromo

Ho kenya mongolo oa thuso bakeng sa lintho tseo u li ngotseng ka foromo, kenyelletsa mongolo oa thuso oa inline <span class="help-inline">kapa mongolo oa thuso ka <p class="help-block">mor'a ntho e kentsoeng.

Etsa boholo ba grid

1 2 3 4 5 1 2 3 4 5 1 2 3 4 5

Sebelisa .span*litlelase tse tšoanang ho tsoa ho grid system bakeng sa boholo ba ho kenya.

Mefuta e fapaneng

U kanna ua sebelisa litlelase tse sa fetoheng tse sa bontsheng marang-rang, tse ikamahanyang le mekhoa e arabelang ea CSS, kapa akhaonto ea mefuta e fapaneng ea taolo (mohlala, inputkhahlano le select).

Mongolo o reriloeng

@

Mona ke molaetsa oa thuso

Mongolo o kenyelelitsoeng

.00

Mantsoe a mang a thuso ke ana

Eketsa le ho lokisa esale pele

$ .00

Tlanya ka konopo

Tsamaea!

Tlatsetso ea likonopo tse peli

Batla Dikgetho

Mabokose a marang-rang

1 2 3

Mabokose

Khetho ea pele ke ena le eane-etsa bonnete ba hore o kenyelletsa hore na hobaneng e le ntle Khetho ea bobeli e ka hlahlojoa le ho kenyelletsoa liphethong tsa foromo Khetho ea boraro e ka—e, u e hakanyelitse—hape e ka hlahlojoa le ho kenyelletsoa liphethong tsa foromo

Tlhokomeliso: Li-labels li pota-potile likhetho tsohle bakeng sa libaka tse kholoanyane tsa ho tobetsa le foromo e sebetsang haholoanyane.

Likonopo tsa seea-le-moea

Khetho ea pele ke ena le eane-etsa bonnete ba hore o kenyelletsa hore na hobaneng e le ntle Khetho ea bobeli e ka ba ntho e 'ngoe' me ho e khetha ho tla tlosa khetho ea pele

Boloka liphetoho Hlakola

Likonopo tsa liketso

E le kopano, likonopo li lokela ho sebelisoa feela bakeng sa liketso ha li-hyperlink li lokela ho sebelisoa bakeng sa lintho. Mohlala, "Download" e lokela ho ba konopo ha "ts'ebetso ea morao-rao" e lokela ho ba sehokelo.

Mefuta ea likonopo e ka sebelisoa ho eng kapa eng e nang le .btnsehlopha se sebelisitsoeng. Leha ho le joalo, ka tloaelo u tla batla ho sebelisa tsena feela <a>le <button>likarolo.

Sebapali se lumellanang

IE9 ha e jale li-gradients tsa bokamorao likhutlong tse chitja, kahoo rea li tlosa. E amanang, IE9 e jankifies buttonlikarolo tse holofetseng, e fetolela mongolo o moputsoa ka moriti o mobe oa mongolo oo re ke keng ra o lokisa.

Mefuta e mengata

U batla likonopo tse kholoanyane kapa tse nyane? Eketsa .btn-large, .btn-small, kapa .btn-minibakeng sa mefuta e 'meli e eketsehileng.

Ts'ebetso ea mantlha Ketso

Ts'ebetso ea mantlha Ketso

Ts'ebetso ea mantlha Ketso

Boemo ba bokooa

Bakeng sa likonopo tse holofetseng, eketsa .disabledsehlopha ho lihokelo le disabledtšobotsi ea <button>likarolo.

Sehokelo sa mantlha Sehokelo

Konopo ea mantlha Konopo

Hlokomela! Re sebelisa .disablede le sehlopha sa lisebelisoa mona, se ts'oanang le .activesehlopha se tloaelehileng, kahoo ha ho hlokahale prefix.

Sehlopha se le seng, li-tag tse ngata

Sebelisa .btntlelase ho <a>, <button>, kapa <input>element.

Sehokelo Konopo

<a class = "btn" href = ""> Sehokelo </a> _  
<button class = "btn" type = "submit" >  
  Konopo
</ konopo>
<input class = "btn" type = "button"  
         value = "Kenyo" >
<input class = "btn" type = "submit"  
         value = "Romela" >

E le mokhoa o motle ka ho fetisisa, leka ho tsamaisana le moelelo oa taba ho etsa bonnete ba hore o tsamaisana le phetolelo ea sebatli. Haeba u na le input, sebelisa <input type="submit">konopo ea hau.

• khalase ea setšoantšo
• letšoao-mmino
• ho batla litšoantšo
• letšoao-enfelopo
• icon-pelo
• letšoao-naleli
• aekhone-naledi e se nang letho
• mosebelisi oa setšoantšo
• setšoantšo-filimi
• icon-th-kholo
• letšoao-th
• letšoao-th-lethathamo
• icon-ok
• aekhone-tlosa
• aekhone-atometsa
• aekhone-tsoom-out
• letšoao la ho tima
• letšoao-lets'oao
• icon-cog
• letšoao-litšila
• letšoao-lehae
• icon-file
• nako ea letšoao
• setšoantšo-tsela
• icon-download-alt
• icon-jarolla
• aekhone-upload
• letšoao-inbox
• sedikadikwe sa diaekhone
• letšoao-pheta
• aekhone-ntlafaletsa
• letšoao-lethathamo-alt
• letšoao-lock
• letšoao-folakha
• li-icon-headphones

• aekhone-bolumo-theoha
• letšoao-bolumo-theoha
• ho phahamisa molumo oa setšoantšo
• icon-qrcode
• letšoao-barcode
• letšoao-tag
• li-icon-tag
• buka ea litšoantšo
• letšoao-bookmark
• letšoao-khatiso
• khamera ea setšoantšo
• letšoao-fonte
• letšoao-botenya
• letšoao-italic
• bophahamo ba setšoantšo
• aekhone-sengoloa-bophara
• aekhone-lekanya-ka ho le letshehadi
• letšoao-align-bohareng
• aekhone-lekanya-ka ho le letona
• icon-align-justify
• lethathamo la litšoantšo
• letšoao-indent-le letšehali
• letšoao-indent-le letona
• icon-facetime-video
• setšoantšo-setšoantšo
• letšoao-pentšele
• letšoao-mapa-lesupa
• aekhone-fetola
• letšoao-tint
• icon-edit
• letšoao-karolelano
• lekola-aekhone
• letšoao-tsamaiso
• letšoao-mohato-morao
• letšoao-kapele-morao

• letšoao-morao
• papali ea litšoantšo
• aekhone-khefutso
• letšoao-emisa
• letšoao-pele
• letšoao-pele-pele
• letšoao-ho ea pele
• aekhone-eject
• letšoao-chevron-le letšehali
• icon-chevron-ka ho le letona
• letšoao-plus-letšoao
• letšoao-tlosa-letshwao
• letšoao-tlosa-letshwao
• letšoao-ok-sign
• letšoao-potso-letšoao
• letšoao-info-letšoao
• icon-screenshot
• lesakana-tlosa-letshwao
• sedikadikwe sa icon-ok
• sedikadikwe-thibelo ya letshwao
• letšoao-motsu-le letšehali
• letšoao-motsu-le letona
• letšoao-motsu-up
• letšoao-motsu-tlase
• letšoao-share-alt
• aekhone-resize-tlale
• icon-resize-e nyane
• icon-plus
• aekhone-tlosa
• letšoao la linaleli
• letshwao-mokgotso-letshwao
• letšoao-mpho
• letšoao-lekhasi
• letšoao-mollo
• lets'oao-le-hlo-le-hlare

• icon-ehlo-close
• letšoao-temoso-ts'oao
• letšoao-sefofane
• letšoao-khalendara
• letšoao-random
• letšoao-maikutlo
• letšoao-magnet
• letšoao-chevron-up
• letšoao-chevron-down
• letšoao-retweet
• kariki-kariki ya ho reka
• icon-folder-koala
• foldareng-e butsoe
• aekhone-resize-thetical
• aekhone-resize-ka-rapama
• aekhone-hdd
• letšoao-bullhorn
• letšoao-bell
• letšoao-setifikeiti
• letshwao-thumb-up
• letšoao-thomb-down
• letšoao-letsoho-le letona
• letšoao-letsoho-le letšehali
• letšoao-letsoho
• icon-hand-down
• icon-circle-arrow-right
• icon-circle-arrow-le letšehali
• lets'oao-sakana-le-motsu-holimo
• letšoao-sedikadikwe-motsu-tlase
• icon-globe
• sekoahelo sa setšoantšo
• icon-mesebetsi
• setlhoa-tshwantsho
• letšoao-briefcase
• icon-sekrineng se felletseng

E hahiloe joalo ka sprite

Ho e-na le ho etsa hore setšoantšo se seng le se seng e be kopo e eketsehileng, re li hlophisitse hore e be sprite-sehlopha sa litšoantšo faeleng e le 'ngoe e sebelisang CSS ho beha litšoantšo ka background-position. Ona ke ona mokhoa oo re o sebelisang ho Twitter.com mme o re sebelitse hantle.

Lihlopha tsohle tsa litšoantšo li hlophisitsoe pele .icon-bakeng sa sebaka se nepahetseng sa mabitso le scoping, joalo ka likarolo tse ling tsa rona. Sena se tla thusa ho qoba likhohlano le lisebelisoa tse ling.

Li-Glyphicons li re file monyetla oa ho sebelisa Halflings tse behiloeng ka har'a sesebelisoa sa rona sa mohloli o bulehileng ha feela re fana ka sehokelo le mokitlane mona ho litokomane. Ka kopo nahana ho etsa se tšoanang mererong ea hau.

Mokhoa oa ho sebelisa

Bootstrap e sebelisa <i>letšoao bakeng sa litšoantšo tsohle, empa ha li na sehlopha sa linyeoe-ke sehlomathiso se arolelanoang feela. Ho e sebelisa, beha khoutu e latelang hoo e ka bang kae kapa kae:

<i class = "icon-search" > </i> 

Ho boetse ho na le mefuta e fumanehang bakeng sa litšoantšo tse inverted (tse tšoeu), tse lokiselitsoeng ka sehlopha se le seng:

<i class = "icon-search icon-white" ></i> 

Ho na le lihlopha tse 140 tseo u ka khethang ho tsona bakeng sa litšoantšo tsa hau. Kenya feela <i>tag e nang le litlelase tse nepahetseng 'me u se u behiloe. U ka fumana lenane le felletseng ho sprites.less kapa hona mona tokomaneng ena.

Hlokomela! Ha u sebelisa ka thoko ho likhoele tsa mongolo, joalo ka likonopo kapa lihokelo tsa nav, etsa bonnete ba hore u siea sebaka ka mor'a <i>tag bakeng sa sebaka se nepahetseng.

Sebelisa linyeoe

Litšoantšo li ntle, empa motho o ne a ka li sebelisa hokae? Mehopolo e 'maloa ke ena:

• E le lipono bakeng sa navigation ea bara ba hau
• Bakeng sa navigation e tsamaisoang ke li-icon
• Bakeng sa likonopo ho thusa ho fetisa moelelo oa ketso
• E na le likhokahano tsa ho arolelana litaba sebakeng sa mosebelisi

Ha e le hantle, kae kapa kae moo u ka behang <i>tag, u ka beha letšoao.

Hlasimolla Sheba Hlakola

Maikutlo Litlhophiso Lintlha tse ling

Aterese ea imeile