Сарлавҳаҳо

Ҳама сарлавҳаҳои HTML, <h1>тавассути <h6>дастрас мебошанд.

h1. Сарлавҳаи 1

h2. Сарлавҳаи 2

h3. Сарлавҳаи 3

h4. Сарлавҳаи 4

h5. Сарлавҳаи 5

h6. Сарлавҳаи 6

Нусхаи бадан

Пешфарзи глобалии Bootstrap 14px , бо 20px font-sizeаст . Ин ба ҳамаи параграфҳо татбиқ карда мешавад. Илова бар ин, (параграфҳо) маржаи поёнии нисфи баландии сатрро мегиранд (бо пешфарз 10px).line-height<body><p>

Нуллам quis risus eget urna mollis ornare vel eu leo. Ҷамъияти дорои ҷамоатҳои натоиҷӣ ва бузургии ҳомиладорӣ, масхарабозӣ мебошад. Нуллам ид dolor id nibh ultricies vehicula.

Ҷамъияти дорои ҷамоатҳои натоиҷӣ ва бузургии ҳомиладорӣ, масхарабозӣ мебошад. Donec ullamcorper nulla ғайримуқаррарӣ auctor fringilla. Дуис моллис, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla ғайримуқаррарӣ auctor fringilla.

Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida ва дар вақти дилхоҳ. Дуис моллис, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

<p> ... </p>

Нусхаи бадани пешбар

Параграфро бо илова кардани .lead.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non comodo luctus.

<p синфи = "лид" > ... </p>

Бо камтар сохта шудааст

Миқёси типографӣ ба ду тағирёбандаи LESS дар тағирёбандаҳо асос ёфтааст.less : @baseFontSizeва @baseLineHeight. Якум андозаи шрифти асосист, ки дар саросари ҷаҳон истифода мешавад ва дуввум баландии сатри асосӣ мебошад. Мо ин тағирёбандаҳо ва баъзе математикаи оддиро барои эҷод кардани ҳошияҳо, пӯшишҳо ва баландии сатрҳои ҳама намуди мо ва ғайра истифода мебарем. Онҳоро танзим кунед ва Bootstrap мутобиқ мешавад.

Таъкид

Тегҳои таъкиди пешфарзии HTML-ро бо сабкҳои сабук истифода баред.

`<small>`

Барои бартараф кардани таъкиди сатрӣ ё блокҳои матн, теги хурдро истифода баред.

Ин сатри матн бояд ҳамчун чопи хуб баррасӣ карда шавад.

<p> <хурд> Ин сатри матн барои чопи хубе пешбинӣ шудааст. </ хурд> </p>

Далер

Барои таъкид кардани порчаи матн бо вазни ҳарфҳои вазнинтар.

Порчаи зерини матн ҳамчун матни ғафс оварда шудааст .

<strong> ҳамчун матни ғафс </strong> дода шудааст

Курсив

Барои таъкид кардани порчаи матн бо курсив.

Порчаи зерини матн ҳамчун матни курсив дода мешавад .

<em> ҳамчун матни курсив </em> дода шудааст

Сарҳо боло!Озод ҳис кунед <b>ва <i>дар HTML5 истифода баред. <b>Барои таъкид кардани калимаҳо ё ибораҳо бе аҳамияти иловагӣ пешбинӣ шудааст, дар ҳоле <i>ки асосан барои овоз, истилоҳҳои техникӣ ва ғайра.

Синфҳои ҳамоҳангсозӣ

Матнро ба ҷузъҳо бо синфҳои ҳамоҳангсозии матн ба осонӣ мутобиқ кунед.

Матни ба чап ҳамоҳангшуда.

Матни ба марказ мутобиқшуда.

Матни рости рост.

<p class = "text-left" > Матни ба чап мутобиқшуда. </p> 
<p class = "text-center" > Матни ба марказ мутобиқшуда. </p> 
<p class = "text-right" > Матни рости рост. </p>

Дарсҳои таъкид

Мафҳуми рангро бо як қатор дарсҳои муфиди диққат интиқол диҳед.

Fusce dapibus, tellus ac cursus commodo, Tortor Mauris nibh.

Этиам порта семина любовь любвие.

Donec ullamcorper nulla ғайримуқаррарӣ auctor fringilla.

Aenean eu leo quam. Pelentesque ornare sem lacinia quam venenatis.

Дуис моллис, est non commodo luctus, nisi erat porttitor ligula.

<p class = "хомушшуда" > Fusce dapibus, tellus ac cursus commodo, Tortor Mauris nibh. </p> 
<p class = "text-warning" > Etiam porta sem malesuada magna mollis euismod. </p> 
<p class = "text-error" > Donec ullamcorper nulla non metus auctor fringilla. </p> 
<p class = "text-info" > Aenean eu leo quam. Pelentesque ornare sem lacinia quam venenatis. </p> 
<p class = "text-success" > Дуис моллис, est non commodo luctus, nisi erat porttitor ligula. </p>

Ихтисорот

Татбиқи услубии <abbr>унсури HTML барои ихтисорот ва ихтисоротҳо барои нишон додани версияи васеъшуда дар болои нишона. Ихтисороти дорои titleатрибутҳо дорои сарҳади поёнии нуқтаҳои равшан ва курсори ёрирасон дар болои нишона буда, контексти иловагиро дар мавқеъ таъмин мекунанд.

`<abbr>`

Барои матни васеъшуда дар мавқеъи дарози ихтисора, атрибутро дохил кунед title.

Ихтисораи калимаи аттрибутӣ attr мебошад.

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

`<abbr class="initialism">`

Ба .initialismихтисорот барои андозаи шрифти каме хурдтар илова кунед.

HTML беҳтарин чизест, ки пас аз нони буридашуда.

<abbr title = "Забони аломатгузории гиперматн" class = "интиализм" > HTML </abbr>

Суроғаҳо

Маълумоти тамосро барои аҷдодони наздиктарин ё тамоми кори кор пешниҳод кунед.

`<address>`

Форматро бо тамом кардани ҳамаи сатрҳо бо <br>.

Twitter, Inc.
795 Folsom Ave, Suite 600
Сан-Франсиско, CA 94107
P: (123) 456-7890

Номи пурраи
[email protected]

<адрес>
  <strong> Twitter, Inc. </strong><br>
  795 хиёбони Фолсом, Suite 600 <br>
  Сан-Франсиско, CA 94107 <br>
  <abbr title = "Телефон" > P: </abbr> (123) 456-7890 
</адрес>
 
<адрес>
  <strong> Номи пурра </strong><br>
  <a href = "mailto:#" > [email protected] </a> 
</адрес>

Нохунакҳо

Барои иқтибос кардани блокҳои мундариҷа аз манбаи дигар дар ҳуҷҷати шумо.

Блоки иқтибоси пешфарз

<blockquote>Дар атрофи ҳама гуна HTML ҳамчун иқтибос печонед . Барои иқтибосҳои рост мо тавсия медиҳем, ки <p>.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Бутун адад.

<blockquote>
  <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Бутун адад. </p>
</blockquote>

Имконоти блоки иқтибос

Тағир додани услуб ва мундариҷа барои вариантҳои оддӣ дар блоки стандартӣ.

Номгузории манбаъ

<small>Барои муайян кардани манбаъ барчасп илова кунед . Номи кори сарчашмаро дар <cite>.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Бутун адад.
Шахси машҳур дар Сарлавҳаи Сарчашма

<blockquote>
  <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Бутун адад. </p>
  <small> Шахси машҳур <cite title = "Сарчашмаи Сарчашма" > Сарчашмаи Сарчашма </cite></small> 
</blockquote>

Намоишҳои алтернативӣ

.pull-rightБарои блоки иқтибоси шинокунанда ва ба рост ҳамоҳангшуда истифода баред .

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Бутун адад.
Шахси машҳур дар Сарлавҳаи Сарчашма

<blockquote class = "pull-right" > 
  ...
</blockquote>

Рӯйхатҳо

Бетартиб

Рӯйхати ашёе, ки дар онҳо фармоиш ба таври возеҳ аҳамият надорад.

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Молести бутуни дар масса
Facilisis дар aliquet nisl pretium
Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ба таври ройгон озодона возеҳ кунед
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
Eget porttitor loem

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

Фармоиш дод

Рӯйхати ашёе, ки дар онҳо фармоиш ба таври возеҳ аҳамият дорад.

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Молести бутуни дар масса
Facilisis дар aliquet nisl pretium
Nulla volutpat aliquam velit
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
Eget porttitor loem

<ол>
  <li> ... </li>
</ol>

Бесабз

Ҷойгиркунии пешфарз list-styleва чапи ҷузъҳои рӯйхатро хориҷ кунед (танҳо кӯдакони фаврӣ).

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Молести бутуни дар масса
Facilisis дар aliquet nisl pretium
Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ба таври ройгон озодона возеҳ кунед
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
Eget porttitor loem

<ul class = "unstyled" > 
  <li> ... </li>
</ul>

Дар мувофиқат

Ҳама ҷузъҳои рӯйхатро дар як сатр ҷойгир кунед inline-blockва бо каме пуркунии равшанӣ.

Lorem ipsum
Phasellus iaculis
Бехтарин

<ul class = "inline" > 
  <li> ... </li>
</ul>

Тавсифи

Рӯйхати истилоҳот бо тавсифи алоқаманди онҳо.

Рӯйхати тавсиф: Рӯйхати тавсиф барои муайян кардани истилоҳот комил аст.
Эусмод: Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.; Donec id elit non mi porta gravida ва дар вақти дилхоҳ.
Порта Малесуада: Этиам порта семина любовь любвие.

<dl>
  <dt> ... </dt>
  <dd> ... </dd>
</dl>

Тавсифи уфуқӣ

Шартҳо ва тавсифҳоро дар <dl>як саф паҳлӯ ба паҳлӯ созед.

Рӯйхати тавсиф: Рӯйхати тавсиф барои муайян кардани истилоҳот комил аст.
Эусмод: Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.; Donec id elit non mi porta gravida ва дар вақти дилхоҳ.
Порта Малесуада: Этиам порта семина любовь любвие.
Felis euismod semper eget lacinia: Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum mass justo sit amet risus.

<dl class = "dl-горизонтал" > 
  <dt> ... </dt>
  <dd> ... </dd>
</dl>

Сарҳо боло!Рӯйхати тавсифи уфуқӣ истилоҳотеро, ки барои мувофиқат кардан дар сутуни чап хеле дарозанд, ихтисор text-overflowмекунанд. Дар намоишгоҳҳои тангтар, онҳо ба тарҳбандии пешфарзии stacked иваз мешаванд.

Дар мувофиқат

Порчаҳои кодро бо <code>.

Масалан, <section>бояд ҳамчун сатр печонида шавад.

Масалан , < code> & lt ; фасли & gt ;</ code > бояд ҳамчун сатр печонида шавад .

Блоки асосӣ

<pre>Барои якчанд сатрҳои код истифода баред . Боварӣ ҳосил кунед, ки аз ҳама гуна қавсҳои кунҷӣ дар код барои намоиши дуруст раҳо шавед.

<p>Намунаи матн дар ин ҷо...</p>

<пеш>
  <p>Матни намунавӣ дар ин ҷо...</p>
</pre>

Сарҳо боло!Боварӣ ҳосил кунед, ки кодро дар дохили <pre>тегҳо то ҳадди имкон ба чап наздик нигоҳ доред; он ҳама ҷадвалҳоро пешкаш мекунад.

Шумо метавонед ба таври ихтиёрӣ синферо илова кунед, .pre-scrollableки баландии максимум 350px муқаррар мекунад ва лавҳаи гардиши меҳвари y-ро таъмин мекунад.

Услубҳои пешфарз

Барои ороиши асосӣ - пӯшиши сабук ва танҳо тақсимкунандагони уфуқӣ - синфи асосиро .tableба ҳама гуна <table>.

#	Ном	Насаб	Номи корбар
1	Марк	Отто	@mdo
2	Яъқуб	Торнтон	@фарбеҳ
3	Ларри	парранда	@twitter

< синфи ҷадвал = "миз" > 
  …
</ҷадвал>

Дарсҳои ихтиёрӣ

Ҳар яке аз синфҳои зеринро ба .tableсинфи асосӣ илова кунед.

`.table-striped`

Ба ҳама сатри ҷадвал дар дохили <tbody>тавассути :nth-childселектори CSS зебра-рахро илова мекунад (дар IE7-8 дастрас нест).

#	Ном	Насаб	Номи корбар
1	Марк	Отто	@mdo
2	Яъқуб	Торнтон	@фарбеҳ
3	Ларри	парранда	@twitter

< синфи ҷадвал = "мизи рахи ҷадвал" > 
  …
</ҷадвал>

`.table-bordered`

Ба ҷадвал сарҳадҳо ва кунҷҳои мудавваршуда илова кунед.

#	Ном	Насаб	Номи корбар
1	Марк	Отто	@mdo
1	Марк	Отто	@getbootstrap
2	Яъқуб	Торнтон	@фарбеҳ
3	Ларри парранда		@twitter

< синфи ҷадвал = "ҷадвал-сарҳаддор" > 
  …
</ҷадвал>

`.table-hover`

Ҳолати овезонро дар сатрҳои ҷадвал дар дохили <tbody>.

#	Ном	Насаб	Номи корбар
1	Марк	Отто	@mdo
2	Яъқуб	Торнтон	@фарбеҳ
3	Ларри парранда		@twitter

< синфи ҷадвал = "мизи мизро пахш кардан" > 
  …
</ҷадвал>

`.table-condensed`

Бо буридани қабати ҳуҷайра мизҳоро зичтар мекунад.

#	Ном	Насаб	Номи корбар
1	Марк	Отто	@mdo
2	Яъқуб	Торнтон	@фарбеҳ
3	Ларри парранда		@twitter

< синфи ҷадвал = "мизи конденсатсионӣ ҷадвал" > 
  …
</ҷадвал>

Синфҳои сатри ихтиёрӣ

Барои ранг кардани сатрҳои ҷадвал аз синфҳои контекстӣ истифода баред.

Синф	Тавсифи
`.success`	Як амали муваффақ ё мусбатро нишон медиҳад.
`.error`	Амалҳои хатарнок ё эҳтимолан манфиро нишон медиҳад.
`.warning`	Огоҳӣеро нишон медиҳад, ки метавонад ба таваҷҷӯҳ ниёз дошта бошад.
`.info`	Ҳамчун алтернатива ба услубҳои пешфарз истифода мешавад.

#	Маҳсулот	Пардохт гирифта шудааст	Статус
1	сил - моҳона	01/04/2012	тасдик карда шуд
2	сил - моҳона	02/04/2012	Рад карда шуд
3	сил - моҳона	03/04/2012	Дар интизорӣ
4	сил - моҳона	04/04/2012	Барои тасдиқ занг занед

...
  < tr class = "муваффақият" >
    <td> 1 < /td>
    <td>Сил - Ҳар моҳ</ td >
    <td> 01 / 04 / 2012 < /td>
    <td>Тасдиқ карда шуд</ td >
  </ tr >
...

Нишондиҳии ҷадвали дастгирӣшаванда

Рӯйхати унсурҳои HTML-и ҷадвали дастгирӣшаванда ва чӣ гуна истифода бурдани онҳо.

тег	Тавсифи
`<table>`	Унсури парпечкунӣ барои намоиши маълумот дар формати ҷадвал
`<thead>`	Унсури контейнер барои сатрҳои сарлавҳаи ҷадвал ( `<tr>`) барои нишон додани сутунҳои ҷадвал
`<tbody>`	Унсури контейнер барои сатрҳои ҷадвал ( `<tr>`) дар бадани ҷадвал
`<tr>`	Унсури контейнер барои маҷмӯи чашмакҳои ҷадвал ( `<td>`ё `<th>`), ки дар як сатр пайдо мешавад
`<td>`	Ячейкаи ҷадвали пешфарз
`<th>`	Ячейкаи махсуси ҷадвал барои тамғакоғазҳои сутун (ё сатр, вобаста ба миқёс ва ҷойгиршавӣ).
`<caption>`	Тавсиф ё мухтасари он чизе, ки ҷадвал дорад, махсусан барои хонандагони экран муфид аст

<ҷадвал>
  <caption> ... </caption>
  <thead>
    <tr>
      <th> ... </th>
      <th> ... </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td> ... </td>
      <td> ... </td>
    </tr>
  </tbody>
</ҷадвал>

Услубҳои пешфарз

Назорати шаклҳои инфиродӣ услубро қабул мекунанд, аммо бидуни ягон синфи асосии зарурӣ <form>ё тағироти калон дар аломатгузорӣ. Дар натиҷа тамғакоғазҳои ҷамъшуда ва ба чап ҳамоҳангшуда дар болои контролҳои форма пайдо мешаванд.

<шакл>
  <маҷмӯаи майдон>
    < legend> Афсона </ legend>
    <label> Номи барчасп </label>
    < навъи вуруд = "матн" ҷойнишин = "Чизро нависед..." >  
    <span class = "help-block" > Намунаи матни кӯмак дар сатҳи блок дар ин ҷо. </span> 
    < синфи барчасп = "қуттии қайд" > 
      < навъи вуруд = "қуттии қайд" > Маро санҷед 
    </label>
    <button type = " submit" class = "btn" > Ирсол < /button>  
  </fieldset>
</form>

Тарҳҳои ихтиёрӣ

Ба Bootstrap се тарҳбандии шакли ихтиёрӣ барои ҳолатҳои истифодаи умумӣ дохил карда шудаанд.

Шакли ҷустуҷӯ

Ба .form-searchшакл ва .search-queryбарои <input>вуруди матни иловагӣ мудаввар илова кунед.

< синфи форма = "форма-ҷустуҷӯ" > 
  < навъи вуруд = "матн" синфи = "дархости ҷустуҷӯи миёна" >  
  <button type = " submit" class = "btn" > Ҷустуҷӯ </button>  
</form>

Шакли дохили

Барои .form-inlineтамғакоғазҳои ба чап ҳамоҳангшуда ва назорати блоки дохили барои тарҳбандии паймон илова кунед.

< синфи форма = "form-inline" > 
  < навъи вуруд = "матн" синфи = "ворид-хурд" ҷойнишин = "почтаи электронӣ" >   
  < навъи вуруд = "парол" синфи = "ворид-хурд" ҷойнишин = "парол" >   
  < синфи барчасп = "қуттии қайд" > 
    < навъи вуруд = "таҳдиқ" > Маро дар хотир доред 
  </label>
  <button type = " submit" class = "btn" > Ворид шавед </button>  
</form>

Шакли уфуқӣ

Тамғакоғазҳоро ба рост ҳамоҳанг созед ва онҳоро ба тарафи чап шино кунед, то онҳо дар як сатр бо контролҳо пайдо шаванд. Тағйироти бештари аломатҳоро аз шакли пешфарз талаб мекунад:

Ба .form-horizontalформа илова кунед
Тамғакоғазҳо ва назоратҳоро дар дохили он печонед.control-group
Ба .control-labelлавҳа илова кунед
Ҳама гуна идоракунии алоқамандро .controlsбарои ҳамоҳангсозии дуруст печонед

< синфи шакл = "форма-уфуқӣ" > 
  <div class = "control-group" > 
    <label class = "control-label" for = "inputEmail" > Почтаи электронӣ </label>  
    <div class = "назоратҳо" > 
      < навъи вуруд = "матн" id = "inputEmail" ҷойнишин = "почтаи электронӣ" >   
    </div>
  </div>
  <div class = "control-group" > 
    <label class = "control-label" for = "inputPassword" > Рамз </label>  
    <div class = "назоратҳо" > 
      < навъи вуруд = "парол" id = "inputPassword" ҷойнишин = "Парол" >   
    </div>
  </div>
  <div class = "control-group" > 
    <div class = "назоратҳо" > 
      < синфи тамғакоғазӣ = "қуттии қайд" >
        < навъи вуруд = "қуттии қайд" > Маро дар хотир доред
      </label>
      < навъи тугма = "супурдан " синф = "btn" >  Ворид шавед </button>
    </div>
  </div>
</form>

Назорати шаклҳои дастгирӣшаванда

Намунаҳои идоракунии шаклҳои стандартӣ, ки дар тарҳбандии намунавӣ дастгирӣ мешаванд.

Вурудҳо

Назорати маъмултарини шакл, майдонҳои вуруди матнӣ. Дастгирии ҳама намудҳои HTML5-ро дар бар мегирад: матн, парол, сана, санаи вақт-маҳаллӣ, сана, моҳ, вақт, ҳафта, рақам, почтаи электронӣ, url, ҷустуҷӯ, телефон ва ранг.

Ҳамеша истифодаи муайянро талаб мекунад type.

< навъи вуруд = ҷойгиркунандаи "матн" = "Вориди матн" >

Текстареа

Назорати форма, ки сатрҳои зиёди матнро дастгирӣ мекунад. Агар лозим бошад, атрибутро тағир rowsдиҳед.

<textarea rows = " 3" ></textarea>

Санҷишҳо ва радиоҳо

Қуттиҳои қайдҳо барои интихоби як ё якчанд вариант дар рӯйхат мебошанд, дар ҳоле ки радиоҳо барои интихоби як вариант аз бисёриҳо мебошанд.

Пешфарз (сӯхташуда)

< синфи барчасп = "қуттии қайд" > 
  < навъи вуруд = "қуттии чек" арзиши = "" >  
  Варианти якум ин ва он аст - боварӣ ҳосил кунед, ки чаро он бузург аст
</label>
 
< синфи тамғакоғаз = "радио" > 
  < навъи вуруд = "радио" ном = "optionsRadios" id = "optionsRadios1" арзиши = "option1" тафтиш карда шуд >     
  Варианти якум ин ва он аст - боварӣ ҳосил кунед, ки чаро он бузург аст
</label>
< синфи тамғакоғаз = "радио" > 
  < навъи вуруд = "радио" номи = "optionsRadios" id = "optionsRadios2" арзиши = "option2" >    
  Варианти дуюм метавонад чизи дигаре бошад ва интихоби он интихоби якумро бекор мекунад
</label>

Қуттиҳои дарунсохт

Синфро .inlineба як қатор қуттиҳо илова кунед ё радиоҳо барои назорат дар як сатр пайдо шаванд.

<label class = "checkbox inline" > 
  < навъи вуруд = "қуттии чек" id = "inlineCheckbox1" қимат = "Option1" > 1   
</label>
<label class = "checkbox inline" > 
  < навъи вуруд = "қуттии чек" id = "inlineCheckbox2" қимат = "option2" > 2   
</label>
<label class = "checkbox inline" > 
  < навъи вуруд = "қуттии чек" id = "inlineCheckbox3" қимат = "option3" > 3   
</label>

Интихоб мекунад

Интихоби пешфарзро истифода баред ё a-ро муайян кунед, multiple="multiple"то дар як вақт якчанд вариантҳоро нишон диҳед.

<интихоб>
  <option> 1 </Option>
  <option> 2 </Option>
  <option> 3 </Option>
  <option> 4 </Option>
  <option> 5 </Option>
</-ро интихоб кунед>
 
<якчандро интихоб кунед = " якчанд" > 
  <option> 1 </Option>
  <option> 2 </Option>
  <option> 3 </Option>
  <option> 4 </Option>
  <option> 5 </Option>
</-ро интихоб кунед>

Васеъ кардани идоракунии форма

Илова бар болои контролҳои мавҷудаи браузер, Bootstrap дигар ҷузъҳои муфиди формаро дар бар мегирад.

Воридоти пешакӣ ва замимашуда

Пеш аз ё баъд аз ҳама гуна вуруди матнӣ матн ё тугмаҳоро илова кунед. Дар хотир доред, ки selectунсурҳо дар ин ҷо дастгирӣ намешаванд.

Имконоти пешфарз

Як .add-onва inputякро бо яке аз ду синф печонед, то матн ба воридот пешванд ё илова кунед.

<div class = "input-prepend" > 
  <span class = "add-on" > @ </span> 
  < синфи вуруд = "span2" id = "prependedInput" type = "матн" ҷойнишин = "Номи корбар" >    
</div>
<div class = "input-append" > 
  < синфи вуруд = "span2" id = "appendedInput " type = "матн" >   
  <span class = "add-on" > .00 </span> 
</div>

Якҷоя

Ҳарду синф ва ду мисоли .add-on-ро барои пешнавис ва илова кардани вуруд истифода баред.

<div class = "input-prepend input-append" > 
  <span class = "add-on" > $ </span> 
  < синфи вуруд = "span2" id = "appendedPrependedInput " type = "матн" >   
  <span class = "add-on" > .00 </span> 
</div>

Тугмаҳо ба ҷои матн

Ба ҷои <span>матн бо истифода аз .btnяк тугма (ё ду) ба вуруд замима кунед.

<div class = "input-append" > 
  < синфи вуруд = "span2" id = "appendedInputButton " type = "матн" >   
  <button class = "btn" type = "тугма" > Бирав! </ тугма >  
</div>

<div class = "input-append" > 
  < синфи вуруд = "span2" id = "appendedInputButtons " type = "матн" >   
  <button class = "btn" type = "button" > Ҷустуҷӯ </button>  
  <button class = "btn" type = "button" > Интихобҳо </button>  
</div>

Тугмаҳои афтанда

<div class = "input-append" > 
  < синфи вуруд = "span2" id = "appendedDropdownButton " навъи = "матн" >   
  <div class = "btn-group" > 
    < синфи тугма = "btn dropdown-toggle" data-toggle = " афтанда " >  
      Амал
      <span class = "caret" ></span> 
    </ тугма >
    <ul class = "менюи афтанда" > 
      ...
    </ul>
  </div>
</div>

<div class = "input-prepend" > 
  <div class = "btn-group" > 
    < синфи тугма = "btn dropdown-toggle" data-toggle = " афтанда " >  
      Амал
      <span class = "caret" ></span> 
    </ тугма >
    <ul class = "менюи афтанда" > 
      ...
    </ul>
  </div>
  < синфи вуруд = "span2" id = "prependedDropdownButton" навъи = "матн" >   
</div>

<div class = "input-prepend input-append" > 
  <div class = "btn-group" > 
    < синфи тугма = "btn dropdown-toggle" data-toggle = " афтанда " >  
      Амал
      <span class = "caret" ></span> 
    </ тугма >
    <ul class = "менюи афтанда" > 
      ...
    </ul>
  </div>
  < синфи вуруд = "span2" id = "appendedPrependedDropdownButton " навъи = "матн" >   
  <div class = "btn-group" > 
    < синфи тугма = "btn dropdown-toggle" data-toggle = " афтанда " >  
      Амал
      <span class = "caret" ></span> 
    </ тугма >
    <ul class = "менюи афтанда" > 
      ...
    </ul>
  </div>
</div>

Гурӯҳҳои тақсимшудаи афтанда

<шакл>
  <div class = "input-prepend" > 
    <div class = "btn-group" > ... </div> 
    < навъи вуруд = "матн" > 
  </div>
  <div class = "input-append" > 
    < навъи вуруд = "матн" > 
    <div class = "btn-group" > ... </div> 
  </div>
</form>

Шакли ҷустуҷӯ

< синфи форма = "форма-ҷустуҷӯ" > 
  <div class = "input-append" > 
    < навъи вуруд = "матн" синфи = "span2 ҷустуҷӯи дархост" >  
    <button type = " submit" class = "btn" > Ҷустуҷӯ </button>  
  </div>
  <div class = "input-prepend" > 
    <button type = " submit" class = "btn" > Ҷустуҷӯ </button>  
    < навъи вуруд = "матн" синфи = "span2 ҷустуҷӯи дархост" >  
  </div>
</form>

Назорати андоза

Синфҳои нисбии андозагириро истифода баред .input-largeё бо истифода аз вуруди худ ба андозаи сутуни шабака мувофиқат кунед.span* .

Вурудҳои сатҳи блок

Ягон <input>ё <textarea>элементро ҳамчун унсури сатҳи блок рафтор кунед.

< синфи вуруд = "даромад-блок-сатҳи" навъи = "матн" ҷойнишин = ".input-block-level" >

Андозаи нисбӣ

< синфи вуруд = " навъи вуруд-мини" = ҷойнишини "матн" = ".input-mini" >   
< синфи вуруд = " навъи вуруд-хурд" = ҷойнишини "матн" = ".input-small" >   
< синфи вуруд = " навъи вуруди миёна" = ҷойгузини "матн" = " .input -medium" >   
< синфи вуруд = " навъи вуруд-калон" = ҷойнишини "матн" = ".ворид-калон" >   
< синфи вуруд = "input-xlarge" навъи = "матн" ҷойнишин = ".input-xlarge" >   
< синфи вуруд = "input-xxlarge" навъи = "матн" ҷойнишин = ".input-xxlarge" >

Сарҳо боло!Дар версияҳои оянда, мо истифодаи ин синфҳои нисбии вурудро барои мувофиқ кардани андозаи тугмаҳои мо тағир медиҳем. Масалан, .input-largeпуркунӣ ва андозаи шрифти вурудро зиёд мекунад.

Андозаи шабака

.span1Барои .span12воридоте, ки ба андозаи якхелаи сутунҳои шабака мувофиқат мекунанд, истифода баред .

< синфи вуруд = "span1" type = "матн" ҷойнишин = ".span1" >   
< синфи вуруд = "span2" type = "матн" ҷойнишин = ".span2" >   
< синфи вуруд = "span3" type = "матн" ҷойнишин = ".span3" >   
< синфро интихоб кунед = "span1" > 
  ...
</-ро интихоб кунед>
< синфро интихоб кунед = "span2" > 
  ...
</-ро интихоб кунед>
< синфро интихоб кунед = "span3" > 
  ...
</-ро интихоб кунед>

Барои ворид кардани шабакаҳои сершумор дар як сатр, синфи тағирдиҳандаро барои фосилаи дуруст истифода баред.controls-row . Он вурудҳоро барои фурӯпошии фазои сафед шино мекунад, ҳошияҳои дурустро муқаррар мекунад ва шинокуниро тоза мекунад.

<div class = "назоратҳо" > 
  < синфи вуруд = "span5" type = "матн" ҷойнишин = ".span5" >   
</div>
<div class = "controls controls-row" > 
  < синфи вуруд = "span4" type = "матн" ҷойнишин = ".span4" >   
  < синфи вуруд = "span1" type = "матн" ҷойнишин = ".span1" >   
</div>
...

Вурудҳои таҳрирнашаванда

Маълумотро дар шакле пешниҳод кунед, ки бидуни истифодаи аломатгузории воқеии шакл таҳриршаванда нест.

<span class = "input-xlarge uneditable-input" > Баъзе арзишҳо дар ин ҷо </span>

Амалҳои шакл

Формаро бо як гурӯҳи амалҳо (тугмаҳо) анҷом диҳед. Вақте ки дар дохили a ҷойгир карда мешавад .form-actions, тугмаҳо ба таври худкор дар як саф бо контролҳои форма ҷойгир мешаванд.

<div class = "форма-амалҳо" > 
  <button type = "submit " class = "btn btn-primary" > Захираи тағирот </тугма>  
  <button type = "button" class = "btn" > Бекор кардан </button>  
</div>

Матни кӯмак

Дастгирии сатҳи дохилӣ ва блок барои матни кӯмак, ки дар атрофи назорати форма пайдо мешавад.

Кӯмаки дохилӣ

< навъи вуруд = "матн" ><span class = "help-inline" > Матни кӯмаки дохилӣ </span>

Кӯмаки блок

< навъи вуруд = "матн" ><span class = "help-block" > Блоки дарозтари матни кӯмак, ки ба хати нав мешиканад ва метавонад аз як сатр фаротар бошад. </span>

Ҳолатҳои назорати шакл

Ба корбарон ё меҳмонон бо ҳолати асосии фикру мулоҳизаҳо оид ба назорати шакл ва тамғакоғазҳо фикру мулоҳиза пешниҳод кунед.

Фокуси вуруд

Мо услубҳои пешфарзро outlineдар баъзе идораҳои форма хориҷ мекунем ва box-shadowдар ҷои он барои :focus.

< синфи вуруд = "input-xlarge" id = "focusedInput" type = "text" value = "Ин равона шудааст..." >

Вурудҳои нодуруст

Воридоти услуб тавассути функсияи пешфарз браузер бо :invalid. -ро муайян кунед , агар майдон ихтиёрӣ набошад, аттрибутро typeилова кунед ва (агар лозим бошад) -ро муайян кунед .requiredpattern

Ин дар версияҳои Internet Explorer 7-9 аз сабаби набудани дастгирӣ барои интихоби псевдо CSS дастрас нест.

< синфи вуруд = "span3" type = "почтаи электронӣ" лозим аст >

Вурудҳои ғайрифаъол

Аттрибутро ба вуруд илова кунед disabled, то вуруди корбарро пешгирӣ кунад ва намуди каме дигарро ба вуҷуд орад.

< синфи вуруд = "input-xlarge" id = "disabledInput" type = "text" placeholder = "Ворид дар ин ҷо ғайрифаъол аст..." ғайрифаъол >

Ҳолати тасдиқкунӣ

Bootstrap услубҳои тасдиқи хато, огоҳӣ, иттилоот ва паёмҳои муваффақиятро дар бар мегирад. Барои истифода, синфи мувофиқро ба гирду атроф илова кунед .control-group.

<div class = "огоҳии гурӯҳи назоратӣ" > 
  <label class = "control-label" for = "inputWarning" > Вуруд бо огоҳӣ </label>  
  <div class = "назоратҳо" > 
    < навъи вуруд = "матн" id = "inputWarning" >  
    <span class = "help-inline" > Мумкин аст чизе хато кардааст </span> 
  </div>
</div>
 
<div class = "хатои гурӯҳи назоратӣ" > 
  <label class = "control-label" for = "inputError" > Вуруд бо хато </label>  
  <div class = "назоратҳо" > 
    < навъи вуруд = "матн" id = "хатои вуруд" >  
    <span class = "help-inline" > Лутфан хатогиро ислоҳ кунед </span> 
  </div>
</div>
 
<div class = "маълумоти гурӯҳи назоратӣ" > 
  <label class = "control-label" for = "inputInfo" > Вуруд бо маълумот </label>  
  <div class = "назоратҳо" > 
    < навъи вуруд = "матн" id = "inputInfo" >  
    <span class = "help-inline" > Номи корбар аллакай гирифта шудааст </span> 
  </div>
</div>
 
<div class = "муваффақияти гурӯҳи назоратӣ" > 
  <label class = "control-label" for = "inputSuccess" > Вуруд бо муваффақият </label>  
  <div class = "назоратҳо" > 
    < навъи вуруд = "матн" id = "inputSuccess" >  
    <span class = "help-inline" > Woohoo! </span> 
  </div>
</div>

Тугмаҳои пешфарз

Сабкҳои тугмаҳоро ба ҳама чиз бо .btnсинф истифода бурдан мумкин аст. Аммо, маъмулан шумо мехоҳед, ки онҳоро танҳо ба ҷузъҳо <a>ва <button>унсурҳо барои беҳтарин намоишдиҳӣ истифода баред.

Тугма	class=""	Тавсифи
	`btn`	Тугмаи хокистарии стандартӣ бо градиент
	`btn btn-primary`	Вазни иловагии визуалиро таъмин мекунад ва амали ибтидоиро дар маҷмӯи тугмаҳо муайян мекунад
	`btn btn-info`	Ҳамчун алтернатива ба услубҳои пешфарз истифода мешавад
	`btn btn-success`	Як амали муваффақ ё мусбатро нишон медиҳад
	`btn btn-warning`	Нишон медиҳад, ки бо ин амал бояд эҳтиёткор бошад
	`btn btn-danger`	Амалҳои хатарнок ё эҳтимолан манфиро нишон медиҳад
	`btn btn-inverse`	Тугмаи алтернативии хокистарии торик, ки ба амал ё истифодаи семантикӣ вобаста нест
	`btn btn-link`	Ҳангоми нигоҳ доштани рафтори тугмаҳо тугмаро бо роҳи ба пайванд монанд кардан кам кунед

Мутобиқати байни браузер

IE9 градиентҳои заминаро дар кунҷҳои мудавваршуда намебурад, аз ин рӯ мо онро нест мекунем. Вобаста ба ин, IE9 buttonунсурҳои ғайрифаъолро ҷанҷол мекунад ва матни хокистариро бо сояи матнии бад, ки мо онро ислоҳ карда наметавонем.

Андозаи тугмаҳо

Тугмаҳои калонтар ё хурдтарро мехоҳед? .btn-large, .btn-small, ё .btn-miniбарои андозаҳои иловагӣ илова кунед .

<p>
  <button class = "btn btn-large btn-primary" type = "button" > Тугмаи калон </тугма>  
  <button class = "btn btn-large" type = "button" > Тугмаи калон </тугма>  
</p>
<p>
  <button class = "btn btn-primary" type = "button" > Тугмаи пешфарз </button>  
  <button class = "btn" type = "button" > Тугмаи пешфарз </button>  
</p>
<p>
  <button class = "btn btn-small btn-primary" type = "button" > Тугмаи хурд </тугма>  
  <button class = "btn btn-small" type = "button" > Тугмаи хурд </button>  
</p>
<p>
  <button class = "btn btn-mini btn-primary" type = "тугма" > Тугмаи хурд </тугма>  
  <button class = "btn btn-mini" type = "тугма" > Тугмаи хурд </тугма>  
</p>

Тугмаҳои сатҳи блокро эҷод кунед - онҳое, ки паҳнои пурраи волидайнро дар бар мегиранд - бо илова кардани .btn-block.

<button class = "btn btn-large btn-block btn-primary" type = "button" > Тугмаи сатҳи блок </тугма>  
<button class = "btn btn-large btn-block" type = "button" > Тугмаи сатҳи блок </туг>>

Ҳолати ғайрифаъол

Тугмаҳоро 50% хомӯш карда, онҳоро кликнашаванда гардонед.

Унсури лангар

.disabledСинфро ба <a>тугмаҳо илова кунед .

Пайванди ибтидоӣ Пайванд

<a href = "#" class = "btn btn-large btn-primary disabled" > Пайванди ибтидоӣ </a>  
<a href = "#" class = "btn btn-large disabled" > Пайванд </a>

Сарҳо боло!Мо .disabledдар ин ҷо ҳамчун синфи коммуналӣ истифода мебарем, ки ба .activeсинфи умумӣ монанд аст, аз ин рӯ префикс талаб карда намешавад. Инчунин, ин синф танҳо барои эстетикӣ аст; шумо бояд JavaScript-и фармоиширо барои хомӯш кардани истинодҳо дар ин ҷо истифода баред.

Элементи тугма

Аттрибутро disabledба <button>тугмаҳо илова кунед.

< навъи тугма = "тугма" class = "btn btn-large btn-primary disabled" disabled = "diabled" > Тугмаи ибтидоӣ </тугма>   
< навъи тугма = "button" class = "btn btn-large" ғайрифаъол > Тугма </-тугма>

Як синф, тегҳои сершумор

.btnСинфро дар <a>, <button>, ё <input>элемент истифода баред .

<a class = "btn" href = "" > Пайванд </a>  
<button class = "btn" type = "submit " > Тугмаи </туг>  
< синфи вуруд = "btn" навъи = "тугма" арзиши = "Ворид" >   
< синфи дохилшавӣ = "btn" type = "submit " арзиши = "Ирсол " >

Ҳамчун таҷрибаи беҳтарин, кӯшиш кунед, ки унсурро барои контексти худ мувофиқ созед, то мувофиқати визуалии кросс-браузерро таъмин кунед. Агар шумо дошта бошед , тугмаи худро inputистифода баред .<input type="submit">

Ба <img>элемент синфҳо илова кунед, то тасвирҳоро дар ҳама гуна лоиҳа ба осонӣ сабк кунед.

<img src = "..." class = "img-rounded" >  
<img src = "..." class = "img-circle" >  
<img src = "..." class = "img-polaroid" >

Сарҳо боло! .img-roundedва .img-circleдар IE7-8 аз сабаби набудани border-radiusдастгирӣ кор намекунанд.

Глифҳои нишонаҳо

140 нишона дар шакли спрайт, ки бо хокистарии торик (пешфарз) ва сафед дастрасанд, ки аз ҷониби Glyphicons пешниҳод шудаанд .

икон-шиша
икон-мусикй
ҷустуҷӯи нишона
нишона-лифофа
нишона-дил
икон-ситора
нишона-ситора-холӣ
нишона-истифодабаранда
икон-филм
нишонаи калон
нишона-ум
Рӯйхати нишона
нишона - хуб
нишона - хориҷ кунед
тасвири-масъала
кифоя кардани нишона
нишона хомӯш
нишона-сигнал
нишона-ког
нишона-партов
нишона-хона
тасвири файл
вақти нишона
икон-роҳ
icon-download-alt
icon-зеркашӣ
нишона-боргузорӣ
тасвири паёмдони
icon-бозӣ-давраи
нишона-такрор
нишона-навсозӣ
icon-list-alt
икон-қулф
икон-парчам
икон-наушникҳо
тасвири-ҳаҷм-хомӯш
паст кардани овоз
баланд бардоштани овоз
icon-qrcode
нишона-штрих-код
нишона-тег
икон-тегҳо
икон-китоб
нишона-хатчӯб
нишона-чоп
тасвири камера
icon-фонт
тасвири ғафс
тасвири курсив
баландии тасвири матн
тасвири-матн-барои
нишона-ҳамоҳанг-чап
нишона-ҳамоҳанг-марказ
нишона-ҳамоҳанг-рост
нишона-мувофиқ- асоснок кардан
Рӯйхати нишонаҳо
нишона-барои-чап
icon-indent-right
icon-facetime-видео
тасвири икон
икон-қалам
нишона-харита-маркер
тасвири танзим
ранги нишона
тасвири таҳрир
тасвири мубодила
нишона-санҷиш
нишона ҳаракат кардан
нишона-қадам-ба ақиб
нишона-зуд-қафо
нишона ба ақиб
икон-бозй
нишона-танаффус
нишона-ист
нишона ба пеш
нишона-ба пеш
нишона-қадам-ба пеш
нишона-баровардани
нишона-шеврон-чап
icon-chevron-рост
аломати-плюс
аломати минус
нишона-нест-аломат
аломати-ок
аломати савол
аломати маълумот
тасвири скриншот
тасвири хориҷ кардани доира
icon-ok-dairca
нишона-манъ-доира
нишона-тир-чап
нишона-тир-рост
нишони тирчаи боло
нишона-тирчаи поён
icon-share-alt
тасвири андозааш пурра
тасвири-андозаи-хурд
icon-plus
нишона-минус
нишона-ситорача
аломати нидо
икон-тӯҳфа
нишона-барге
икон-оташ
икон-чашм кушода
тасвири чашми наздик
аломати огоҳкунанда
нишона-ҳавопаймо
нишона-тақвим
тасвири тасодуфӣ
тасвири шарҳ
нишона-магнит
icon-chevron-up
нишона-шеврон-поён
icon-retweet
аробаи харид
тасвири-папка-пӯшед
нишона-папка-кушода
тасвири андозагирии амудӣ
тасвири андозаи уфуқӣ
icon-hdd
icon-bullhorn
занги икон
икон-шаҳодатнома
тасвири ангушти боло
нишона-ангушти поён
нишона-даст-рост
нишона-дасти чап
тасвири даст боло
нишона-даст-поён
нишона-дода-тирчаи-рост
нишона-дода-тирчаи-чап
нишона-давра-тира-боло
нишона-дода-тирчаи-поён
икон-глобус
калиди икон
икон-вазифаҳо
тасвири филтр
портфели икон
нишона-экрани пурра

Аттрибутсияи глификонҳо

Glyphicons Halflings одатан ройгон дастрас нестанд, аммо созиш байни эҷодкорони Bootstrap ва Glyphicons ин корро ба шумо ҳамчун таҳиягарон имкон дод. Ҳамчун ташаккур, мо аз шумо хоҳиш мекунем, ки дар вақти амалӣ истиноди ихтиёриро ба Glyphicons дохил кунед .

Чӣ тавр истифода бурдан

Ҳама нишонаҳо <i>барчасп бо синфи беназирро талаб мекунанд, ки бо префикс гузошта icon-шудааст. Барои истифода, рамзи зеринро тақрибан дар ҳама ҷо ҷойгир кунед:

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

Инчунин сабкҳо барои нишонаҳои баръакс (сафед) мавҷуданд, ки бо як синфи иловагӣ омода карда шудаанд. Мо ин синфро ба таври махсус дар ҳолати боло ва фаъол барои истинодҳои нав ва афтанда татбиқ хоҳем кард.

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

Сарҳо боло!Ҳангоми истифода дар паҳлӯи сатрҳои матн, ба мисли тугмаҳо ё истинодҳои нав, ҳатман пас аз <i>тег барои фосилаи дуруст фосила гузоред.

Намунаҳои нишонаҳо

Онҳоро дар тугмаҳо, гурӯҳҳои тугмаҳо барои панели асбобҳо, паймоиш ё вуруди шакли пешакӣ истифода баред.

Тугмаҳо

Гурӯҳи тугмаҳо дар панели асбобҳои тугмаҳо

<div class = "btn-panel" > 
  <div class = "btn-group" > 
    <a class = "btn" href = "#" ><i class = "icon-align-left" ></i></a>   
    <a class = "btn" href = "#" ><i class = "icon-align-center" ></i></a>   
    <a class = "btn" href = "#" ><i class = "icon-align-right" ></i></a>   
    <a class = "btn" href = "#" ><i class = "icon-align-justify" ></i></a>   
  </div>
</div>

афтанда дар гурӯҳи тугмаҳо

Истифодабаранда

<div class = "btn-group" > 
  <a class = "btn btn-primary" href = "#" ><i class = "icon-user icon-white" ></i> Корбар </a>   
  <a class = "btn btn-primary dropdown-toggle" data-toggle = "dropdown" href = "#" ><span class = "caret" ></span></a>    
  <ul class = "менюи афтанда" > 
    <li><a href = "#" ><i class = "icon-pencil" ></i> Таҳрир </a></li>  
    <li><a href = "#" ><i class = "icon-trash" ></i> Нест кардан </a></li>  
    <li><a href = "#" ><i class = "icon-ban-circle" ></i> Манъи </a></li>  
    <li class = "тақсимкунанда" ></li> 
    <li><a href = "#" ><i class = "i" >> </i> Администратор кунед </a></li>  
  </ul>
</div>

Андозаи тугмаҳо

Ситора Ситора Ситора

<a class = "btn btn-large" href = "#" ><i class = "icon-star" ></i> Ситора </a>   
<a class = "btn btn-small" href = "#" ><i class = "icon-star" ></i> Ситора </a>   
<a class = "btn btn-mini" href = "#" ><i class = "icon-star" ></i> Ситора </a>

Навигатсия

<ul class = "nav nav-list" > 
  <li class = "active" ><a href = "#" ><i class = "icon-home icon-white" >> </i> Хона </a></li>   
  <li><a href = "#" ><i class = "icon-book" ></i> Китобхона </a></li>  
  <li><a href = "#" ><i class = "icon-pencil" ></i> Барномаҳо </a></li>  
  <li><a href = "#" ><i class = "i" >> </i> Дигар </a></li>  
</ul>

Майдонҳои шакл

<div class = "control-group" > 
  <label class = "control-label" for = "inputIcon" > Суроғаи почтаи электронӣ </label>  
  <div class = "назоратҳо" > 
    <div class = "input-prepend" > 
      <span class = "add-on" ><i class = "icon-convelope" ></i></span>  
      < синфи вуруд = "span2" id = "inputIcon" type = "матн" >   
    </div>
  </div>
</div>

Типография

Сарлавҳаҳо

h1. Сарлавҳаи 1

h2. Сарлавҳаи 2

h3. Сарлавҳаи 3

h4. Сарлавҳаи 4

h5. Сарлавҳаи 5

h6. Сарлавҳаи 6

Нусхаи бадан

Нусхаи бадани пешбар

Бо камтар сохта шудааст

Таъкид

<small>

Далер

Курсив

Синфҳои ҳамоҳангсозӣ

Дарсҳои таъкид

Ихтисорот

<abbr>

<abbr class="initialism">

Суроғаҳо

<address>

Нохунакҳо

Блоки иқтибоси пешфарз

Имконоти блоки иқтибос

Номгузории манбаъ

Намоишҳои алтернативӣ

Рӯйхатҳо

Бетартиб

Фармоиш дод

Бесабз

Дар мувофиқат

Тавсифи

Тавсифи уфуқӣ

Кодекс

Дар мувофиқат

Блоки асосӣ

Ҷадвалҳо

Услубҳои пешфарз

Дарсҳои ихтиёрӣ

.table-striped

.table-bordered

.table-hover

.table-condensed

Синфҳои сатри ихтиёрӣ

Нишондиҳии ҷадвали дастгирӣшаванда

Шаклҳо

Услубҳои пешфарз

Тарҳҳои ихтиёрӣ

Шакли ҷустуҷӯ

Шакли дохили

Шакли уфуқӣ

Назорати шаклҳои дастгирӣшаванда

Вурудҳо

Текстареа

Санҷишҳо ва радиоҳо

Пешфарз (сӯхташуда)

Қуттиҳои дарунсохт

Интихоб мекунад

Васеъ кардани идоракунии форма

Воридоти пешакӣ ва замимашуда

Имконоти пешфарз

Якҷоя

Тугмаҳо ба ҷои матн

Тугмаҳои афтанда

Гурӯҳҳои тақсимшудаи афтанда

Шакли ҷустуҷӯ

Назорати андоза

Вурудҳои сатҳи блок

Андозаи нисбӣ

Андозаи шабака

Вурудҳои таҳрирнашаванда

Амалҳои шакл

Матни кӯмак

Кӯмаки дохилӣ

Кӯмаки блок

Ҳолатҳои назорати шакл

Фокуси вуруд

Вурудҳои нодуруст

Вурудҳои ғайрифаъол

`<small>`

`<abbr>`

`<abbr class="initialism">`

`<address>`

`.table-striped`

`.table-bordered`

`.table-hover`

`.table-condensed`