Typographic scale hmanga ziah a ni

Typographic grid pumpui hi kan variables.less file-a Less variable pahnih atanga siam a ni: @baseFontSizeleh @baseLineHeight. A hmasa ber chu base font-size hman vek a ni a, a pahnihna chu base line-height a ni.

Chu variable te, leh math thenkhat te chu kan type zawng zawng leh a dangte margin, paddings, leh line-heights te siam nan kan hmang thin.

Entirna body text

A rilru a buai em em a, a rilru a hah em em bawk a. Nullam quis risus eget urna mollis ornare vel eu leo. A rilru a buai em em a, a rilru a hah em em bawk a, a rilru a buai em em bawk a. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies lirthei ut id elit.

A rilru a hah lutuk chuan a rilru a buai em em a, a rilru a hah lutuk chuan a rilru a buai em em bawk a. A rilru a buai em em a, a rilru a hah em em bawk a, a rilru a buai em em bawk a, a rilru a hah em em bawk a, a rilru a hah em em bawk a. Donec sed odio dui.

Emphasis hmangin

A rilru a buai em em a, a rilru a hah em em bawk a, a rilru a buai em em bawk a, a rilru a hah em em bawk a, a rilru a hah em em bawk a, a rilru a hah em em bawk a. A rilru a buai em em a, a rilru a hah em em bawk a. Maecenas faucibus mollis interdum. Nulla vitae elit libero tih hi a ni a, a man pawh a tlawm hle.

Note: Hman zalen <b>leh <i>HTML5-ah te, mahse an hman dan a danglam deuh. <b>thumal emaw thumal emaw pawimawhna belhchhah lovin tarlanna tur a nih laiin <i>a tam zawk chu aw, technical terms, etc. atan a ni.

Entirna address te

<address>Tag hman theih dan entirnan pahnih chu hetiang hi a ni:

A rilru a hah lutuk chuan a rilru a buai em em a, a rilru a hah lutuk chuan a rilru a buai em em bawk a. 94107 P : (123)
456-7890

Hming kimchang
hmasa [email protected]

Entirna tawi te te

Attribute nei abbreviation te titlehian light dotted bottom border an nei a, hover laiin help cursor an nei bawk. Hei hian users te hnenah extra indication a pe a, hover-ah thil engemaw a lang dawn a ni.

Class chu abbreviation-ah dah la, initialismtypographic harmony tihpun nan text size tlem deuh pein.

HTML hi chhangphut sliced ​​hnua thil tha ber a ni.

Attribute tih thumal tawifelna chu attr tih a ni.

Blockquote dah tur chuan HTML<blockquote> eng pawh chu quote atan wrap la. Straight quote atan chuan a .<p>

I source cite turin optional element dah la, styling atan a hmain <small>em dash i hmu ang .—

<blockquote> tih a ni
  <p> A rilru a hah lutuk chuan a rilru a buai em em a, a rilru a hah lutuk chuan a rilru a buai em em bawk a. Integer posuere erat chu a hmaa venenatis a ni. </p> tih a ni
  <small> Mi hmingthang tak </small>
</blockquote> tih a ni

Default blockquote te chu hetiang hian style a ni:

A rilru a buai em em a, a rilru a hah em em bawk a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat chu a hmaa venenatis a ni.

Body of work -a hmingthang tak tu emaw

I blockquote chu dinglamah float tur chuan class="pull-right":

A rilru a buai em em a, a rilru a hah em em bawk a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat chu a hmaa venenatis a ni.

Body of work -a hmingthang tak tu emaw

Order loh chuan

<ul>

• Lorem ipsum dolor thu amet
• A rilru a buai em em a, a rilru a hah em em bawk a
• Integer molestie lorem chu massa ah a awm a
• Facilisis ah hian a awm a
• Nulla volutpat a ni a, a hlimthla a ni
  • Phasellus iaculis chu a lo chhuak a
  • Purus sodales chu a hring chhuak thin
  • A rilru a buai em em a, a rilru a hah em em bawk a
  • A rilru a buai em em a, a rilru a hah em em bawk a. Ac tristique libero volutpat at
• A rilru a buai em em a, a rilru a hah em em bawk a. Faucibus porta lacus fringilla vel
• Aenean thu amet erat nunc
• Eget porttitor lorem a ni

Style nei lo a ni

<ul class="unstyled">

• Lorem ipsum dolor thu amet
• A rilru a buai em em a, a rilru a hah em em bawk a
• Integer molestie lorem chu massa ah a awm a
• Facilisis ah hian a awm a
• Nulla volutpat a ni a, a hlimthla a ni
  • Phasellus iaculis chu a lo chhuak a
  • Purus sodales chu a hring chhuak thin
  • A rilru a buai em em a, a rilru a hah em em bawk a
  • A rilru a buai em em a, a rilru a hah em em bawk a. Ac tristique libero volutpat at
• A rilru a buai em em a, a rilru a hah em em bawk a. Faucibus porta lacus fringilla vel
• Aenean thu amet erat nunc
• Eget porttitor lorem a ni

Order a ni

<ol>

1. Lorem ipsum dolor thu amet
2. A rilru a buai em em a, a rilru a hah em em bawk a
3. Integer molestie lorem chu massa ah a awm a
4. Facilisis ah hian a awm a
5. Nulla volutpat a ni a, a hlimthla a ni
6. A rilru a buai em em a, a rilru a hah em em bawk a. Faucibus porta lacus fringilla vel
7. Aenean thu amet erat nunc
8. Eget porttitor lorem a ni

Hrilhfiahna

<dl>

Thuziak list te a awm

Description list hi terms sawifiahna atan a tha ber.

Euismod tih a ni

A rilru a hah lutuk chuan a rilru a buai em em a, a rilru a hah lutuk chuan a rilru a buai em em bawk a.

Donec id elit non mi porta gravida chu eget metus ah a awm a.

Malesuada chu a ni

A rilru a buai em em a, a rilru a hah em em bawk a. Etiam porta sem malesuada magna mollis euismod.

Horizontal hmanga sawifiahna

<dl class="dl-horizontal">

Thuziak list te a awm

Description list hi terms sawifiahna atan a tha ber.

Euismod tih a ni

A rilru a hah lutuk chuan a rilru a buai em em a, a rilru a hah lutuk chuan a rilru a buai em em bawk a.

Donec id elit non mi porta gravida chu eget metus ah a awm a.

Malesuada chu a ni

A rilru a buai em em a, a rilru a hah em em bawk a. Etiam porta sem malesuada magna mollis euismod.

Inline a ni

Code inline snippet te chu <code>.

Entirnan , <code> section </ code > chu inline anga wrap tur a ni .  

Basic block a ni

<pre>Code line tam tak atan hmang ang che . Rendering dik tak neih theih nan code chhunga angle bracket awm zawng zawng chu escape ngei ngei tur a ni.

<p>Hetah hian thuziak entir rawh...</p>

<pre> tih a ni
  <p>Hetah hian thuziak entir rawh...</p>
</pre> tih a ni

Note: Tag chhungah code <pre>chu veilam hnaih thei ang berah dah ngei ang che; tab zawng zawng a render vek ang.

Class chu duhthusamin i dah thei .pre-scrollablea, chu chuan max-height 350px a set ang a, y-axis scrollbar a pe ang.

Google ah hian Prettify a awm

Element ang chiah kha la la, <pre>rendering tihchangtlun nan optional class pahnih dah belh rawh.

<p> Hetah hian thuziak entir rawh... </p>

<pre class = "a mawi em em a ni." 
     linenums te" > tih a ni
  <p>Hetah hian thuziak entir rawh...</p>
</pre> tih a ni

Google-code-prettify download la , a hman dan tur readme chu en rawh.

Thlung	Hrilhfiahna
<table>	Tabular format-a data tarlanna tur wrapping element
<thead>	Table header row ( <tr>) atanga table column label tur container element
<tbody>	<tr>Table taksa chhunga table row ( ) awmte tan container element
<tr>	Row khata lang table cell ( <td>or ) set pakhat tana container element<th>
<td>	Table cell hmasa ber a ni
<th>	Column (or row, scope leh dahna a zirin) label siamna tur table cell bik chu a chhungah hman tur a ni<thead>
<caption>	Table-a thil awmte sawifiahna emaw, a tawi zawngin emaw, a bik takin screen reader-te tan a tangkai hle

<table> tih a ni
  <lupui> tih a ni
    <tr> tih a ni
      <th> ... </th> tih a ni
      <th> ... </th> tih a ni
    </tr> tih a ni
  </thead> tih a ni
  <tbody> tih a ni
    <tr> tih a ni
      <td> ... </td> tih a ni
      <td> ... </td> tih a ni
    </tr> tih a ni
  </tbody> tih a ni
</table> tih a ni

Table te hi automatically styled an ni a, border tlemte chauh hmangin readability leh structure an maintain theih nan. 2.0 a nih chuan .tableclass a ngai a ni.

<table class = "table" > tih hi a ni 
  ...
</table> tih a ni

# a ni.	Hming hmasa	Hming hnuhnung	User hming a ni
1. a ni	Mark	Otto chuan a ti a	@mdo a ni
2. 2.	Jakoba chu a ni	Thornton-a chuan a ti a	@thau
3. A ni	Larry chuan a ti a	chu Sava chu a ni	@twitter ah a awm

Zebra-striping dahin i table-te chu tlem tal fancy la— .table-stripedclass chu belh mai rawh.

Note: Striped tables hian :nth-childCSS selector an hmang a, IE7-IE8 ah hian a awm lo.

<table class = "table table-a innghat" > 
  ...
</table> tih a ni

# a ni.	Hming hmasa	Hming hnuhnung	User hming a ni
1. a ni	Mark	Otto chuan a ti a	@mdo a ni
2. 2.	Jakoba chu a ni	Thornton-a chuan a ti a	@thau
3. A ni	Larry chuan a ti a	chu Sava chu a ni	@twitter ah a awm

Table pumpui vel chu border leh aesthetic atan rounded corner te dah belh bawk ang che.

<table class = "table table-a awm" > 
  ...
</table> tih a ni

# a ni.	Hming hmasa	Hming hnuhnung	User hming a ni
1. a ni	Mark	Otto chuan a ti a	@mdo a ni
	Mark	Otto chuan a ti a	@getbootstrap ah hian a awm
2. 2.	Jakoba chu a ni	Thornton-a chuan a ti a	@thau
3. A ni	Larry chuan a ti a		@twitter ah a awm

.table-condensedTable cell padding chu a chanve (8px atanga 4px thleng) cut turin class dahin i table te chu compact zawkin siam rawh .

<table class = "table table-a inzawm" > 
  ...
</table> tih a ni

# a ni.	Hming hmasa	Hming hnuhnung	User hming a ni
1. a ni	Mark	Otto chuan a ti a	@mdo a ni
2. 2.	Jakoba chu a ni	Thornton-a chuan a ti a	@thau
3. A ni	Larry chuan a ti a		@twitter ah a awm

Table class awm zawng zawng hmang tangkaiin look hrang hrang neih theih nan table class eng pawh combine turin zalen takin awm rawh.

<table class = "table table-a innghat table-a innghat table-condensed" > 
  ...
</table> tih a ni

	Hming kimchang
# a ni.	Hming hmasa	Hming hnuhnung	User hming a ni
1. a ni	Mark	Otto chuan a ti a	@mdo a ni
2. 2.	Jakoba chu a ni	Thornton-a chuan a ti a	@thau
3. A ni	Larry chuan a ti a		@twitter ah a awm

HTML leh CSS te pawh a inthlak danglam thei

Bootstrap-a form chungchanga a tha ber chu i input leh control zawng zawng chu i markup-ah engtiang pawhin i siam pawhin a mawi vek a ni. HTML aia tam a ngai lo va, mahse a mamawhtute tan pattern kan pe a ni.

Layout buaithlak zawkte chu succinct leh scalable class te nen a rawn thleng a, styling awlsam leh event binding atan a awm a, chuvangin step tin ah i cover vek a ni.

Layout pali a awm bawk

Bootstrap hian form layout chi li support a keng tel a:

• Vertical (a hmaa awm tawh) .
• Zawng
• Inline a ni
• Khamphei

Form layout chi hrang hrangah hian markup atan hian tihdanglam engemaw zat a ngai a, mahse control te ngei pawh chu a awm reng a, an awm dan pawh a inang reng a ni.

Control state leh thil dang tam tak

Bootstrap-a form-ah hian base form control zawng zawng input, textarea, leh i beisei ang select ang chi style hrang hrang a awm a. Mahse, appended leh prepended input ang chi custom component engemaw zat a keng tel bawk a, checkbox list support pawh a awm bawk.

Form control chi hrang hrang atan error, warning, leh success ang chi state te chu dah tel a ni. Tin, disabled control te tan style te pawh a awm bawk.

A bulpui ber form

v2.0 hmang hian form style hrang hrang atan default lighter leh smarter kan nei a. Extra markup a awm lo, form controls chauh a ni.

Label hming a ni A kaihhnawih tanpuina text!

Hetah hian block-level help text entir rawh.

Min lo en ve teh Thehlut

<form class = "a tha" > tih a ni 
  <label> Label hming </label> tih a ni
  <input type = "text" class = "span3" placeholder = "Thil pakhat ziak rawh..." >   
  <span class = "help-inline" > A kaihhnawih ṭanpuina thuziak! </span> tih a ni 
  <label class = "checkbox" > tih hi a ni 
    <input type = "checkbox" > Min lo en ve teh 
  </label> tih a ni
  <button type = "submit" class = "btn" > A rawn thawn chhuak rawh </button>  
</form> tih a ni

Search form a ni

Default WebKit styles a lantir a, .form-searchextra rounded search fields atan add mai rawh.

Zawng

<form class = "well form-a zawn chhuah" > 
  <input type = "text" class = "input-medium zawn-zawhna" >  
  <button type = "submit" class = "btn" > zawng rawh </button>  
</form> tih a ni

Inline-a siam a ni

Inputs hi block level atanga tan tur a ni. .form-inlineleh , tan chuan .form-horizontalinline-block kan hmang thin.

Min hre reng rawh Sign in rawh

<form class = "a tha form-inline" > tih a ni 
  <input type = "text" class = "input-te tak te" hmun dahna = "Email" >   
  <input type = "password" class = "input-te tak te" hmunpui = "Password" >   
  <label class = "checkbox" > tih hi a ni 
    <input type = "checkbox" > Min hre reng ang che 
  </label> tih a ni
  < button type = "submit" class = "btn" > A chhuahna tur hmun leh a hmanna tur hmun chu a in ang lo  
</form> tih a ni

Controls Bootstrap a support te

Thuziak input a ni

Freeform text bakah hian HTML5 text hmanga input eng pawh chutiang chuan a lang.

Checkbox ah a awm

Option pakhatna chu hei leh chu a ni—a ropui chhan pawh ziak tel ngei ang che

List thlang rawh

engemaw 2. 2. 3. A ni 4. 4. 5. 5.

Multicon hmangin thlang rawh

1. a ni 2. 2. 3. A ni 4. 4. 5. 5.

File input a ni

Textarea ah hian a awm

Thil danglamte chu save rawh Titawp

Entirna markup

A chunga form layout entirnan kan tarlan ang hian input leh control group hmasa ber nena inzawm markup chu hetiang hi a ni. Styling atan chuan , , leh class te hi a ngai vek a .control-groupni .control-label..controls

<form class = "a awm dan tur" > 
  <fieldset> tih a ni
    <legend> Thuziak thuziak </legend> tih a ni
    <div class = "thunun-tu pawl" > 
      <label class = "control-label" for = "input01" > Thuziak ziah luh </label>  
      <div class = "a thunun" > 
        <input type = "text" class = "input-xlarge" id = "input01" >   
        <p class = "help-block" > Ṭanpuina thuziak ṭanpui </p> 
      </div> tih a ni
    </div> tih a ni
  </fieldset> tih a ni
</form> tih a ni

Eng nge a tel

Left-a kan support zawng zawng default form control zawng zawng tarlan a ni. Hetah hian bulleted list chu a awm:

• thuziak input (text, password, email, etc) te chu a hnuaia mi ang hian a ni.
• checkbox ah a awm
• radio hmanga tih a ni
• thlang
• multiple select a ni
• file a lut tur a ni
• textarea ah a awm

---

Default thar a awm a, v2.0 a awm bawk

v1.4 thleng khan Bootstrap-a default form style-ah chuan horizontal layout an hmang thin. Bootstrap 2 hmang hian eng form pawha default fing zawk, scalable zawk neih theih nan chu constraint chu kan paih chhuak a ni.

Form control state te a awm

Focused input a ni

Input edit theih loh

Ṭhenkhat chuan hetah hian an ngai pawimawh hle

Input tihtawp a ni

Disabled tih checkbox a awm

Hei hi disabled checkbox a ni

Warning nen input rawh

Thil engemaw a kal sual a ni mai thei

Input ah hian error a awm

Khawngaihin tihsual kha siam tha rawh

Hlawhtlinna nen input

Woohoo!

Hlawhtlinna nen thlang rawh

1. a ni 2. 2. 3. A ni 4. 4. 5. 5. Woohoo!

Thil danglamte chu save rawh Titawp

Browser state hrang hranga design thar a ni

Bootstrap hian browser-in a thlawp focused leh disabledstate hrang hrangte tan style a nei a. Webkit default chu kan paih a, a aiah a outlinekan apply a, .box-shadow:focus

---

Form validation neih a ni

Tin, tihsual, warning, leh hlawhtlinna te validation style a awm bawk. Hman tur chuan error class chu a chhehvel ah dah la .control-group.

<fieldset a ni
  class = "control-group tihsual" >
  ...
</fieldset> tih a ni

Form control te pawh tihzauh a ni

Grid size hrang hrang siam rawh

1. a ni 2. 2. 3. A ni 4. 4. 5. 5. 1. a ni 2. 2. 3. A ni 4. 4. 5. 5. 1. a ni 2. 2. 3. A ni 4. 4. 5. 5.

.span*Input size hrang hrang atan grid system atanga class ang chiah hmang rawh .

Size hrang hrang thlak danglam theih a ni

Grid-a map lo, responsive CSS style-a insiamrem lo, control chi hrang hrang (eg, inputvs. select) account nei lo static class i hmang thei bawk.

Thuziak hmasa ber

@ a ni.

Hetah hian help text thenkhat chu a awm

Thuziak dah belh a ni

.00 a ni

Hetah hian help text tam zawk a awm

Append leh prepend rawh

$ a ni .00 a ni

Button nen append rawh

Kal!

Inline-a checkbox a awm bawk

1. a ni 2. 2. 3. A ni

Checkbox hrang hrang a awm

Option pakhatna chu hei leh chu a ni—a ropui chhan pawh ziak tel ngei ang che Option pahnihna pawh check theih a ni a, form result-ah telh theih a ni bawk Option pathumna chu—a ni, i lo guess tawh—chu pawh check theih a ni a, form result-ah pawh telh theih a ni bawk

Note: Labels hian click area lian zawk leh form hman theih zawk atan option zawng zawng a hual vel vek a ni.

Radio button a awm bawk

Option pakhatna chu hei leh chu a ni—a ropui chhan pawh ziak tel ngei ang che Option pahnih can hi thil dang a ni a, a thlan chuan option pakhat chu a deselect ang

Thil danglamte chu save rawh Titawp

Input te chu prepend & append theih a ni

Input group-te chuan—appended emaw prepended text emaw hmangin—i input-te tân context tam zâwk pêk theihna kawng awlsam tak a pe a ni. Entirna ropui tak tak te chu Twitter usernames atan @ sign emaw finances atan $ emaw te hi a ni.

---

Checkbox leh radio te pawh a awm bawk

v1.4 thleng khan Bootstrap hian checkbox leh radio vel a stack theih nan extra markup a mamawh a. Tunah chuan, a <label class="checkbox">wraps the <input type="checkbox">.

Inline checkbox leh radio te pawh a support bawk. .inlineEng .checkboxor ah pawh add mai la .radio, i zo tawh ang.

---

Inline form leh append/prepend tur a ni

Inline form-a inputs prepend emaw append emaw hman tur chuan .add-onleh inputchu line khatah dah ngei ang che, space awm lovin.

---

Ṭanpuina thuziak form rawh

I form input-te tana help text dah belh tur chuan input element hnuaiah inline help text with <span class="help-inline">emaw help text block with emaw dah tel bawk ang che.<p class="help-block">

Thiltih theihna tur buttons

Convention angin button hi action atan chauh hman tur a ni a, hyperlink erawh chu object atan hman tur a ni thung. Entirnan, "Download" chu button a nih laiin "recent activity" chu link a ni tur a ni.

Button styles hi .btnclass hman chuan eng thil pawhah hman theih a ni. <a>Mahse, typically hengte hi only leh <button>elements ah te hman i duh ang .

Cross browser nena inmil theih a ni

IE9 hian rounded corner-ah background gradient a crop lo a, chuvang chuan kan paih chhuak a ni. Related, IE9 hian disabled buttonelements te chu a jankify a, text gray ah a render a, text-shadow tenawm tak kan siam that theih loh.

Size tam tak a awm

Button lian zawk emaw te zawk emaw i duh em? Add .btn-large, .btn-small, or .btn-minisize pahnih dang atan.

Action hmasa ber Thiltih

Action hmasa ber Thiltih

Action hmasa ber Thiltih

Disabled state a ni

Disabled buttons tan chuan .disabledclass chu links ah dah la, elements disabledtan attribute kha dah bawk ang che.<button>

Primary link a ni Zawm

Primary tih kha a ni Kawrkilh

Lu a ti sang a! Hetah hian utility class atan kan hmang .disableda, common class nen a inang a .active, chuvangin prefix a ngai lo.

Class pakhat, tag tam tak a awm

.btnClass chu <a>, <button>, emaw <input>element pakhatah hmang rawh .

Zawm Kawrkilh

<a class = "btn" href = "" > A chhuahna tur hmun leh a hmanna tur hmun chu a in ang lo  
<button class = "btn" type = "submit" > tih hi a awmzia a awm lo  
  Kawrkilh
</button> tih a ni
<input class = "btn" type = "button" tih hi a awmzia a awm lo.  
         value = "Input" > tih a ni
<input class = "btn" type = "submit" tih hi a awmzia a awm lo.  
         value = "Submit" > tih a ni

Best practice angin, cross-browser rendering inmil theih nan element for you context chu match tum ang che. , i neih chuan i button atan inputan hmang ang che.<input type="submit">

• icon-glass hmanga siam a ni
• icon-music a ni
• icon-a zawn chhuah a ni
• icon-envelope hmanga siam a ni
• icon-thinlung a ni
• icon-star a ni
• icon-star-a awm lo
• icon-a hmangtu a ni
• icon-film a ni
• icon-th-a lian a ni
• icon-th a ni
• icon-th-list a ni
• icon-ok a ni
• icon-a tihbo theih a ni
• icon-zoom-in a awm bawk
• icon-zoom-a chhuah theih a ni
• icon-off a ni
• icon-signal a awm bawk
• icon-cog a ni
• icon-trash tih a ni
• icon-home a ni
• icon-file a ni
• icon-hun a ni
• icon-road a ni
• icon-download-alt tih a ni
• icon-download theih a ni
• icon-upload a ni
• icon-inbox a awm bawk
• icon-play-circle hmanga khelh theih a ni
• icon-a tih nawn leh theih a ni

• icon-refresh a ni
• icon-list-ah a awm a
• icon-lock hmanga tih theih a ni
• icon-flag hmanga siam a ni
• icon-headphone te pawh a awm bawk
• icon-volume-off a ni
• icon-volume-a tihhniam theih a ni
• icon-volume-up a ni
• icon-qrcode hmanga ziah a ni
• icon-barcode hmanga siam a ni
• icon-tag hmanga ziah a ni
• icon-tag te a awm bawk
• icon-lehkhabu a ni
• icon-bookmark hmanga ziah a ni
• icon-a tihchhuah a ni
• icon-camera hmanga siam a ni
• icon-font hmanga ziah a ni
• icon-bold a ni
• icon-italic hmanga ziah a ni
• icon-text-a san zawng
• icon-text-a zau zawng a ni
• icon-align-khawi lamah nge a awm
• icon-align-a laiah a awm
• icon-align-ding lam a ni
• icon-align-a dik leh dik loh
• icon-list-ah a awm
• icon-indent-a awm a ni
• icon-indent-a dinglam a ni
• icon-facetime-video hmanga siam a ni
• icon-thlalak a ni

• icon-pencil hmanga ziah a ni
• icon-map-a chhinchhiahna a ni
• icon-a siamrem theih a ni
• icon-tint a ni
• icon-edit a ni
• icon-share theih a ni
• icon-check theih a ni
• icon-a kal theih a ni
• icon-step- hnunglam hawiin
• icon-fast- hnunglam hawia awm
• icon- hnunglam hawiin
• icon-play a ni
• icon-pause a ni
• icon-stop a ni
• icon-hmalam pan tur a ni
• icon-fast-hmalam pan tur a ni
• icon-step-hmalam pan tur a ni
• icon-eject a ni
• icon-chevron-a awm a ni
• icon-chevron-a dinglam a ni
• icon-plus-a chhinchhiahna
• icon-minus-a chhinchhiahna
• icon-remove-sign tih a ni
• icon-ok-a chhinchhiahna
• icon-zawhna- chhinchhiahna
• icon-info-a chhinchhiahna a ni
• icon-screenshot a ni
• icon-remove-circle tih a ni
• icon-ok-circle hmanga siam a ni
• icon-ban-circle hmanga siam a ni

• icon-arrow-a awm a ni
• icon-arrow-a dinglamah a awm
• icon-arrow-up a ni
• icon-arrow-a hnuai lam a ni
• icon-share-alt tih a ni
• icon-resize-a khat a ni
• icon-resize-te chu a ni
• icon-plus a ni
• icon-minus a ni
• icon-asterisk tih a ni
• icon-exclamation-a chhinchhiahna
• icon-thilpek a ni
• icon-leaf a ni
• icon-fire a ni
• icon-mit-a inhawng
• icon-mit khar a ni
• icon-vaukhânna- chhinchhiahna
• icon-plane a ni
• icon-calendar hmanga ziah a ni
• icon-random a ni
• icon-comment ah hian a awm
• icon-magnet a ni
• icon-chevron-up a ni
• icon-chevron-a dah tur a ni
• icon-retweet a ni
• icon-shopping-cart hmanga lei theih a ni
• icon-folder-a khar theih a ni
• icon-folder-a hawn theih a ni
• icon-resize-vertical tih a ni
• icon-resize-horizontal tih a ni

Sprite anga sak a ni

Icon tinte chu extra request-a siam ai chuan sprite-ah kan compile a—file pakhata image bunch pakhat, CSS hmangin image-te background-positionchu Hei hi Twitter.com-a kan hman dan ang chiah kha a ni a, kan tan pawh a thawk tha hle.

Icons class zawng zawng hi .icon-namespacing leh scoping dik tak atan prefixed vek a ni a, kan component dangte ang bawkin. Hei hian hmanraw dang nena inrem lohna a thlen loh nan a pui ang.

Glyphicons chuan kan open-source toolkit-a Halflings set hi hetah docs-a link leh credit kan pek chhung chuan hman phalsak a ni. I project-ah pawh hetiang bawk hian tih ve hi ngaihtuah ve teh u.

A hman dan tur

Bootstrap hian <i>icon zawng zawng tan tag an hmang a, mahse case class an nei lo—shared prefix chauh an nei. Hman tur chuan a hnuaia code hi khawi hmunah pawh dah la:

<i class = "icon-a zawn" ></i> tih a ni 

Inverted (white) icon tan pawh style hrang hrang a awm a, extra class pakhat nen ready-a siam a ni:

<i class = "icon-a zawn chhuah icon-white" ></i> 

I icons te tan class 120 thlan theih a awm a. Class dik tak awmna tag add mai la <i>, i set tawh ang. List kimchang chu sprites.less ah emaw hetah ngei hian he document ah hian i hmu thei ang .

Lu a ti sang a! Button emaw nav link emaw ang bawkin text string bulah i hman hunah, a <i>inkar hlat zawng dik tak neih theih nan tag hnuaiah space dah ngei ngei tur a ni.

Case hman dan tur

Icon te hi a ropui hle a, mahse khawiah nge mi pakhatin a hman ang? Ngaihtuahna tlemte chu hetiang hi a ni:

• I sidebar navigation atan visuals angin
• Icon-driven navigation thianghlim tak atan
• Thiltih awmzia sawifiahna atana ṭanpui thei button-te tan
• User pakhat destination-a context share theihna tur link te nen

A bul berah chuan <i>tag i dah theihna hmun apiangah icon i dah thei bawk.

Refresh rawh Checkout rawh le Ti reh

Sawizui Settings a awm bawk Thu belhchian dawl zawk

Email address a ni