Zvikamu

Mazana ezvinyorwa zvinogoneka zvakare zvakavakwa muBootstrap kuti ipe kufamba, zviziviso, popovers, uye zvimwe zvakawanda.

Mabhatani mapoka

Shandisa mabhatani mapoka kuti ubatanidze akawanda mabhatani pamwechete sechinhu chimwe chinoumbwa. Zvivake nenhevedzano yezvinhu <a>kana <button>zvinhu.

Iwe unogona zvakare kusanganisa seti <div class="btn-group">kuita <div class="btn-toolbar">kune mamwe mapurojekiti akaomarara.

Muenzaniso markup

Heano maitiro eHTML anotarisa kune akajairwa bhatani boka rakavakwa nema anchor tag mabhatani:

<div class = "btn-group" > 
  <a class = "btn" href = "#"> 1 </a> _  
  <a class = "btn" href = "#"> 2 </a> _  
  <a class = "btn" href = "#"> 3 </a> _  
</ div>

Uye neturusipa remapoka akawanda:

<div class = "btn-toolbar" > 
  <div class = "btn-group" > 
    ...
  </ div>
</ div>

Checkbox uye redhiyo flavour

Mapoka emabhatani anogonawo kushanda seredhiyo, uko bhatani rimwe chete rinogona kunge richishanda, kana mabhokisi ekutarisa, uko chero nhamba yemabhatani inogona kushanda. Wona iyo Javascript docs yeiyo.

Tora javascript »

Heads up

CSS yemapoka emabhatani iri mune imwe faira, mabhatani-mapoka.less.

Mabhatani anodonhedza

Shandisa chero bhatani kukonzeresa menyu yekudonha nekuiisa mukati .btn-groupuye nekupa iyo yakakodzera menyu markup.

Muenzaniso markup

Zvakafanana neboka remabhatani, yedu markup inoshandisa yakajairwa bhatani markup, asi ine mashoma ekuwedzera kukwenenzvera chimiro uye kutsigira Bootstrap yekudonha jQuery plugin.

<div class = "btn-group" > 
  <a class = "btn dropdown-toggle" data-toggle = "dropdown" href = "#">   
    Chiito
    <span class = "caret" > </ span> 
  </a>
  <ul class = "dropdown-menu" > 
    <!-- dropdown menu links -->
  </ul>
</ div>

Split button dropdowns

Kuvaka pamabhatani emapoka masitayipi uye markup, isu tinogona nyore kugadzira bhatani rekuparadzanisa. Split mabhatani anoratidza chiitiko chakajairwa kuruboshwe uye kudonhedza chinja kurudyi nemamiriro ekubatanidza.

Muenzaniso markup

Isu tinowedzera pane zvakajairika bhatani kudonhedza kuti tipe yechipiri bhatani chiito chinoshanda seyakasiyana yekudonhedza trigger.

<div class = "btn-group" > 
  <a class = "btn" href = "#"> Chiito </a> _  
  <a class = "btn dropdown-toggle" data-toggle = "dropdown" href = "#">   
    <span class = "caret" > </ span> 
  </a>
  <ul class = "dropdown-menu" > 
    <!-- dropdown menu links -->
  </ul>
</ div>

Lightweight defaults Same markup, makirasi akasiyana

Simba base class

Zvese zviri pano zve nav — ma tabo, mapiritsi, uye rondedzero — anogovera zvakafanana base markup uye masitaera kuburikidza .navnekirasi.

Sei ma tabo nemapiritsi

Matebhu nemapiritsi muBootstrap akavakirwa pane <ul>ane imwechete musimboti HTML, runyorwa rwezvinongedzo. Chinjana pakati pematebhu kana mapiritsi nekirasi chete.

Idzi sarudzo dzakanakira kune diki-zvikamu zvemukati kana kufamba pakati pemapeji ezvakabatana zvirimo.

Basic tabs

Tora zvakajairwa <ul>zvehukama uye wedzera .nav-tabs:

<ul class = "nav nav-tabs" > 
  <li class = "active" > 
    <a href = "#" > Kumba </a> 
  </li>
  <li><a href = "#" > ... </a></li> 
  <li><a href = "#" > ... </a></li> 
</ul>

Mapiritsi ekutanga

Tora iyo HTML yakafanana, asi shandisa .nav-pillspachinzvimbo:

<ul class = "nav nav-mapiritsi" > 
  <li class = "active" > 
    <a href = "#" > Kumba </a> 
  </li>
  <li><a href = "#" > ... </a></li> 
  <li><a href = "#" > ... </a></li> 
</ul>

Stackable Gadzira matebhu kana mapiritsi akatwasuka

Nzira yekuisa sei 'em

Sezvo ma tabo nemapiritsi zvakachinjika nekusarudzika, ingo wedzera yechipiri kirasi, .nav-stacked, kuti iite kuti ioneke yakaturikidzana.

Stacked tabs

<ul class = "nav nav-tabs nav-yakaturikidzana" > 
  ...
</ul>

Mapiritsi akaturikidzana

<ul class = "nav nav-mapiritsi nav-akaturikidzana" > 
  ...
</ul>

Dropdowns Zvepamusoro nav components

Mamenu akapfuma akagadzirwa nyore

Mamenu ekudonhedza muBootstrap tabs nemapiritsi ari nyore kwazvo uye anongoda imwe shoma yekuwedzera HTML uye yakareruka jQuery plugin.

Tungamira kuJavascript peji kuti uverenge zvinyorwa zvekutanga kudonha muBootstrap .

Tabs ane dropdowns

<ul class = "nav nav-tabs" > 
  <li kirasi = "kudonha" > 
    <a class = "kudonha-toggle" 
       data-toggle = "kudonha"
       href = "#" >
        Dropdown
        <b class = "caret" ></b> 
      </a>
    <ul class = "dropdown-menu" > 
      <!-- links -->
    </ul>
  </li>
</ul>

Mapiritsi ane dropdowns

<ul class = "nav nav-mapiritsi" > 
  <li kirasi = "kudonha" > 
    <a class = "kudonha-toggle" 
       data-toggle = "kudonha"
       href = "#" >
        Dropdown
        <b class = "caret" ></b> 
      </a>
    <ul class = "dropdown-menu" > 
      <!-- links -->
    </ul>
  </li>
</ul>

Nav rondedzero Vakai nyore akaturikidzana navs, akanakira mabhara

Application-style navigation

Nav zvinyorwa zvinopa nzira iri nyore uye iri nyore yekuvaka mapoka e nav link ane sarudzo dzemusoro. Iwo anoshandiswa zvakanyanya mumaparutivi senge Finder muOS X.

Zvimiro, ivo vakavakirwa pane imwechete musimboti nav masitayipi sematebhu nemapiritsi, saka kushandiswa uye kugadzirisa kwakatwasuka.

Nezvidhori

Nav rondedzero zvakare iri nyore kushongedza nemifananidzo. Wedzera iyo yakakodzera <i>tag nekirasi uye wagadzirira.

Muenzaniso nav list

Tora runyoro rwezvekubatanidza uye wedzera class="nav nav-list":

<ul class = "nav nav-list" > 
  <li class = "nav-header" > 
    Rondedzera musoro
  </li>
  <li class = "active" > 
    <a href = "#" > Kumba </a> 
  </li>
  <li>
    <a href = "#" > Raibhurari </a> 
  </li>
  ...
</ul>

Muenzaniso une zvidhori

Muenzaniso wakafanana, asi nema <i>tag ezvidhori.

<ul class = "nav nav-list" > 
  ...
  <li>
    <a href = "#" > 
      <i class = "icon-book" > </i> 
      Library
    </a>
  </li>
  ...
</ul>

Tabable nav Hunza matabi kuhupenyu kuburikidza nejavascript

Chii chinosanganisirwa

Hunza matabo ako kuhupenyu neiyo plugin yakapusa yekushandura pakati pezviri mukati kuburikidza nematebhu. Bootstrap inobatanidza ma tabhebhu mumataera mana: pamusoro (default), kurudyi, pasi, uye kuruboshwe.

Kuchinja pakati pavo kuri nyore uye kunongoda kushandura zvishoma markup.

Tabble muenzaniso

Kuita kuti ma tabo agone kuoneka, peta iyo .nav-tabsmune imwe div nekirasi .tabbable.

Ndiri muChikamu 1.

Makadii, ndiri muChikamu 2.

Waita sei musikana, ichi Section 3.

Tsika jQuery plugin

Matebu ese anobatika anofambiswa neakareruka jQuery plugin yedu. Verenga zvimwe nezve maitiro ekuunza ma tabable tabs kuhupenyu pane javascript docs peji.

Tora javascript →

Yakatwasuka markup

Kushandisa tabbable tabs kunoda kuputira div, seti yematabo, uye seti yetabheble panes zvemukati.

<div class = "table" > 
  <ul class = "nav nav-tabs" > 
    <li class = "active" ><a href = "#1" data-toggle = "tab"> Chikamu 1 </a></li >   
    <li><a href = "#2" data-toggle = "tab"> Chikamu 2 </a></li >  
  </ul>
  <div class = "tab-content" > 
    <div class = "tab-pane inoshanda" id = "1" >  
      <p> Ndiri muChikamu 1. </p>
    </ div>
    <div class = "tab-pane" id = "2" >  
      <p> Makadii, ndiri muChikamu 2. </p>
    </ div>
  </ div>
</ div>

Tabble mune chero nzira

Tabs pasi

Flip kurongeka kweHTML uye wedzera kirasi kuti uise ma tabo pazasi.

Ndiri muChikamu A.

Makadii, ndiri muChikamu B.

Waita sei musikana, ichi ndicho Chikamu C.

<div kirasi = "matabhu anogoneka-pazasi" > 
  <div class = "tab-content" > 
    ...
  </ div>
  <ul class = "nav nav-tabs" > 
    ...
  </ul>
</ div>

Matebhu ari kuruboshwe

Chinjana kirasi kuti uise ma tabo kuruboshwe.

Ndiri muChikamu A.

Makadii, ndiri muChikamu B.

Waita sei musikana, ichi ndicho Chikamu C.

<div kirasi = "tabhebhi tabhu-kuruboshwe" > 
  <ul class = "nav nav-tabs" > 
    ...
  </ul>
  <div class = "tab-content" > 
    ...
  </ div>
</ div>

Tabs kurudyi

Chinjana kirasi kuti uise ma tabo kurudyi.

Ndiri muChikamu A.

Makadii, ndiri muChikamu B.

Waita sei musikana, ichi ndicho Chikamu C.

<div kirasi = "tabhebhi tabs-kurudyi" > 
  <ul class = "nav nav-tabs" > 
    ...
  </ul>
  <div class = "tab-content" > 
    ...
  </ div>
</ div>

Static navbar muenzaniso

Muenzaniso weiyo static (isina kuisirwa kumusoro) navbar ine zita reprojekiti, kufambisa, uye fomu yekutsvaga.

Navbar scaffolding

Iyo navbar inoda chete mashoma div kuti aigadzirise zvakanaka kune static kana yakagadziriswa kuratidza.

<div class = "navbar" > 
  <div kirasi = "navbar-mukati" > 
    <div kirasi = "mudziyo" > 
      ...
    </ div>
  </ div>
</ div>

Kuita kuti navbar igadziriswe kumusoro kwenzvimbo yekuona, wedzera .navbar-fixed-topkune yekunze div, .navbar. MuCSS yako, iwe unozofanirwawo kuzvidavirira kune kupindirana kwazvinokonzeresa nekuwedzera padding-top: 40px;kune yako <body>.

<div class = "navbar navbar-fixed-top" > 
  ...
</ div>

Zita rechiratidzo

Chinongedzo chiri nyore kuratidza brand yako kana zita reprojekiti inongoda anchor tag.

<a class = "brand" href = "#"> _  
  Zita rechirongwa
</a>

Tsvaga fomu

Mafomu ekutsvagisa anogashira masitaera echinyakare mubhara rekufamba .navbar-searchnekirasi. Batanidza .pull-leftkana .pull-rightpairi formkuigadzirisa.

<fomu kirasi = "navbar-tsvaga dhonza-kuruboshwe" > 
  <input type = "text" class = "search-query" placeholder = "Tsvaga" >   
</ fomu>

Optional responsive variation

Zvichienderana nehuwandu hwemukati mubarbar yako, ungangoda kuita sarudzo dzinopindura. Kuti uite kudaro, putira yako nav zvirimo mune ine div, .nav-collapse.collapse, uye wedzera navbar toggle bhatani, .btn-navbar.

<div class = "navbar" > 
  <div kirasi = "navbar-mukati" > 
    <div kirasi = "mudziyo" > 
 
      <!-- .btn-navbar inoshandiswa sekushandura kwezvakaputsika zvebhara remvura -->
      <a class = "btn btn-navbar" data-toggle = "collapse" data-target = ".nav-collapse">   
        <span class = "icon-bar" ></span> 
        <span class = "icon-bar" ></span> 
        <span class = "icon-bar" ></span> 
      </a>
 
      <!-- Iva nechokwadi chekusiya brand kunze uko kana uchida kuti iratidzwe -->
      <a class = "brand" href = "#"> Zita rechirongwa </a>  
 
      <!-- Zvese zvaunoda zvakavigwa pa940px kana zvishoma, isa mukati mepano -->
      <div class = "nav-collapse" > 
        <!-- .nav, .navbar-search, .navbar-form, etc -->
      </ div>
 
    </ div>
  </ div>
</ div>

Musoro! Iyo navbar inopindura inoda kuputsika plugin .

Nav links

Nav zvinhu zviri nyore kuwedzera kuburikidza nemazita asina kurongeka.

<ul class = "nav" > 
  <li class = "active" > 
    <a href = "#" > Kumba </a> 
  </li>
  <li><a href = "#"> Link </a> </li> 
  <li><a href = "#"> Link </a> </li> 
</ul>

Kuwedzera dropdowns

Kuwedzera kudonhedza ku nav kuri nyore kwazvo, asi zvinoda kushandiswa kwejavascript plugin yedu .

<ul class = "nav" > 
  <li kirasi = "kudonha" > 
    <a href = "#" 
          kirasi = "kudonhedza-toggle"
          data-toggle = "kudonha" >
          Account
          <b class = "caret" ></b> 
    </a>
    <ul class = "dropdown-menu" > 
      ...
    </ul>
  </li>
</ul>

Tora javascript →

Sei kuzvishandisa

Breadcrumb navigation inoshandiswa senzira yekuratidza vashandisi pavanenge vari mukati meapp kana saiti, asi kwete yekutanga navigation. Chengetedza kushandiswa kwavo kushoma uye kwakapfupika kuti kuve kwakanyanya kushanda.

Mienzaniso

Muenzaniso mumwechete unoratidzwa sezvo uchigona kuratidzwa pamapeji akawanda.

Markup

HTML ndiyo yako yakajairika isina kurongeka runyorwa ine zvinongedzo.

<ul class = "breadcrumb" > 
  <li>
    <a href = "#" > Kumba </a> <span class = "divider" > / </span>   
  </li>
  <li>
    <a href = "#" > Library </a> <span class = "divider" > / </span>   
  </li>
  <li class = "active" > 
    <a href = "#" > Data </a> 
  </li>
</ul>

Multicon-peji pagination

Nguva yekushandisa

Ultra yakapfava uye ine diki styled pagination yakafemerwa neRdio, yakanakira maapplication uye mitsva yekutsvaga. Iyo yakakura block inonetsa kupotsa, nyore scalable, uye inopa hombe yekudzvanya nzvimbo.

Stateful peji zvinongedzo

Zvisungo zvinogoneka uye zvinoshanda mune akati wandei mamiriro nekirasi chaiyo. .disabledzvemalink asingabatike uye .activenepeji yazvino.

Flexible alignment

Wedzera imwe yemakirasi maviri esarudzo kuti uchinje kurongeka kwepagination link: .pagination-centereduye .pagination-right.

Mienzaniso

The default pagination chikamu chinoshanduka uye chinoshanda mune akati wandei akasiyana.

Markup

Yakaputirwa mu <div>, pegination ingori <ul>.

<div class = "pagination" > 
  <ul>
    <li><a href = "#" > Prev </a></li> 
    <li class = "active" > 
      <a href = "#"> 1 </a> _ 
    </li>
    <li><a href = "#"> 2 </a> </li> 
    <li><a href = "#"> 3 </a> </li> 
    <li><a href = "#"> 4 </a> </li> 
    <li><a href = "#"> Inotevera </a> </li> 
  </ul>
</ div>

Pager Yekukurumidza yapfuura uye inotevera zvinongedzo

About pager

Chikamu chepeji isethi yezvibatanidza zvezvinyoreso zvepagination zvine mwenje markup uye kunyange akareruka masitayera. Yakanakira masaiti akareruka senge mablogiki kana magazini.

Default muenzaniso

Nekumisikidza, iyo pager inoisa zvinongedzo.

<ul class = "pager" > 
  <li>
    <a href = "#"> Yakapfuura </a> _ 
  </li>
  <li>
    <a href = "#"> Inotevera </a> _ 
  </li>
</ul>

Aligned links

Neimwe nzira, unogona kuenzanisa chinongedzo chimwe nechimwe kumativi:

<ul class = "pager" > 
  <li kirasi = "yapfuura" > 
    <a href = "#" > ← Vakuru </a> 
  </li>
  <li class = "inotevera" > 
    <a href = "#" > Nyowani → </a> 
  </li>
</ul>

Labels	Markup
Default	`<span class="label">Default</span>`
New	`<span class="label label-success">New</span>`
Yambiro	`<span class="label label-warning">Warning</span>`
Zvakakosha	`<span class="label label-important">Important</span>`
Info	`<span class="label label-info">Info</span>`

Default thumbnails

Nekumisikidza, zvigunwe zveBootstrap zvakagadzirirwa kuratidza mifananidzo yakabatana ine shoma inodiwa markup.

Yakanyanya customizable

Nechimwe chekuwedzera markup, zvinokwanisika kuwedzera chero mhando yezvinyorwa zveHTML senge misoro, ndima, kana mabhatani muzvigunwe.

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id id nibh ultricies vehicula ut id elit.

Chiito Chiito
Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id id nibh ultricies vehicula ut id elit.

Chiito Chiito

Sei kushandisa thumbnails

Thumbnails (yaimbova .media-gridkusvika v1.4) yakanaka kune magiradhi emifananidzo kana mavhidhiyo, mitsva yekutsvaga mifananidzo, zvigadzirwa zvekutengesa, mapotifolio, nezvimwe zvakawanda. Anogona kunge ari malink kana static content.

Nyore, inochinjika markup

Thumbnail markup iri nyore-a uline chero nhamba liyezvinhu ndizvo zvese zvinodiwa. Iyo zvakare inochinjika zvakanyanya, ichibvumira kune chero mhando yezvinyorwa ine zvishoma zvishoma markup yekuputira zvirimo.

Inoshandisa grid column saizi

Chekupedzisira, chikamu chezvigunwe chinoshandisa grid system makirasi aripo- senge .span2kana - .span3pakutonga kwezvigunwe zvimiro.

The markup

Sezvambotaurwa, iyo markup inodiwa yezvigunwe yakareruka uye yakatwasuka. Heino tarisa kune iyo default setup yemifananidzo yakabatana :

<ul class = "thumbnails" > 
  <li kirasi = "span3" > 
    <a href = "#" class = "thumbnail"> _  
      <img src = "https://placehold.it/260x180" alt = "" >  
    </a>
  </li>
  ...
</ul>

Kune yetsika HTML yemukati muzvigunwe, iyo markup inochinja zvishoma. Kuti tibvumire block level yemukati chero kupi, isu tinochinjanisa iyo <a>seyakadaro <div>:

<ul class = "thumbnails" > 
  <li kirasi = "span3" > 
    <div kirasi = "chigunwe" > 
      <img src = "https://placehold.it/260x180" alt = "" >  
      <h5> Thumbnail label </h5>
      <p> Thumbnail caption ipo pano... </p>
    </ div>
  </li>
  ...
</ul>

Mimwe mienzaniso

Ongorora zvese zvaunogona kuita nemakirasi egidhi akasiyana anowanikwa kwauri. Iwe unogona zvakare kusanganisa uye kuenzanisa hukuru hwakasiyana.

Lightweight defaults

Rewritten base class

NeBootstrap 2, takarerutsa kirasi yepasi: .alertpachinzvimbo che .alert-message. Isu takadzikisawo hudiki hunodiwa markup — kwete <p>inodiwa nekusarudzika, iyo yekunze chete <div>.

Meseji yekuzivisa imwe chete

Kuti uwane chikamu chakasimba chine kodhi shoma, tabvisa kutarisa kwekusiyanisa kwe block block, mameseji anouya neakawanda padding uye kazhinji mamwe mavara. Kirasi yachinjawo kuita .alert-block.

Inoenda zvakanaka nejavascript

Bootstrap inouya neyakakura jQuery plugin inotsigira mameseji echenjedzo, zvichiita kuti kuvadzinga nekukurumidza uye nyore.

Tora iyo plugin »

Muenzaniso chenjedzo

Peta meseji yako uye sarudzo yekuvhara icon mune div ine kirasi yakapusa.

× Yambiro! Best check yo self, hausi kunyanyonaka.

<div kirasi = "chenjedzo" > 
  <a class = "close" > × </a> 
  <strong> Yambiro! </strong> Best check yo self, hausi kunyanyonaka.
</ div>

Wedzera zviri nyore iyo yakajairwa yambiro meseji nemakirasi maviri esarudzo: .alert-blockkune mamwe padding uye mameseji ekudzora uye .alert-headingyeinoenderana musoro.

Yambiro!

Best check yo self, hausi kunyanyonaka. Nulla vitae elit libero, pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

<div kirasi = "alert alert-block" > 
  <a class = "close" > × </a> 
  <h4 kirasi = "yambiro-musoro" > Yambiro! </ h4> 
  Best check yo self, hausi...
</ div>

Contextual alternatives Wedzera makirasi esarudzo kuti uchinje chirevo chechenjedzo

Kukanganisa kana ngozi

× Oh snap! Shandura zvinhu zvishoma uye edza kutumira zvakare.

<div class = "alert alert-error" > 
  ...
</ div>

Success

× Kuita zvakanaka! Iwe wakabudirira kuverenga iyi yakakosha meseji yekuzivisa.

<div kirasi = "yambiro alert-kubudirira" > 
  ...
</ div>

Information

× Musoro! Yambiro iyi inoda kutariswa newe, asi haina kukosha zvakanyanya.

<div kirasi = "yambiro yekuzivisa-ruzivo" > 
  ...
</ div>

Mienzaniso uye markup

Basic

Default bhaa yekufambira mberi ine yakatwasuka gradient.

<div kirasi = "kufambira mberi" > 
  <div kirasi = "bha" 
       style = " upamhi : 60 %; " ></div> 
</ div>

Striped

Inoshandisa gradient kugadzira mitsetse.

<div class = "kufambira mberi-ruzivo 
     kufambira mberi-mitsetse" >
  <div kirasi = "bha" 
       style = " hupamhi : 20 %; " ></div> 
</ div>

Animated

Inotora muenzaniso wemitsetse uye inouita.

<div class = "kufambira mberi-ngozi 
     progress-striped active" >
  <div kirasi = "bha" 
       style = " hupamhi : 40 %; " ></div> 
</ div>

Sarudzo uye bhurawuza rutsigiro

Mamwe mavara

Mabhawa ekufambira mberi anoshandisa mamwe mazita emakirasi akafanana semabhatani uye chenjedzo dzemaitiro akafanana.

.progress-info
.progress-success
.progress-danger

Neimwe nzira, iwe unogona kugadzirisa iyo LESS mafaera uye kutenderedza ako mavara uye saizi.

Maitiro

Mabhawa ekufambira mberi anoshandisa CSS3 shanduko, saka kana iwe ukagadzirisa hupamhi kuburikidza nejavascript, ichaita saizi zvakanaka.

Kana iwe ukashandisa .activekirasi, mabara ako .progress-stripedekufambira mberi anosimudzira mitsetse kuruboshwe kuenda kurudyi.

Browser rutsigiro

Mabhawa ekufambira mberi anoshandisa CSS3 gradients, shanduko, uye animations kuti vakwanise kuita zvese zvavanoita. Aya maficha haatsigirwe muIE7-8 kana ekare shanduro dzeFirefox.

Opera haitsigire mifananidzo panguva ino.

Wells

Shandisa tsime seyakapusa mhedzisiro pane chinhu kuti upe iyo inset maitiro.

Tarirai, ndiri mutsime!

<div kirasi = "zvakanaka" > 
  ...
</ div>

Mabheji

Shandisa bheji pane chinhu chekuverenga chisina kuverenga kana sechiratidzo chiri nyore.

<span class = "bheji" > 3 </div>

Close icon

Shandisa generic yekuvhara icon yekudzinga zvirimo senge modal uye chenjedzo.

<a class = "close" > × </a>

Mabhatani mapoka Join mabhatani kuti uwane mamwe maturusi-sekushanda

Mabhatani mapoka

Muenzaniso markup

Checkbox uye redhiyo flavour

Heads up

Mabhatani anodonhedza Contextual dropdown menyu akavakirwa pamabhatani mapoka

Mabhatani anodonhedza

Muenzaniso markup

Split button dropdowns

Muenzaniso markup

Nav, tabs, uye mapiritsi Yakanyanya customizable list-style navigation

Lightweight defaults Same markup, makirasi akasiyana

Simba base class

Sei ma tabo nemapiritsi

Basic tabs

Mapiritsi ekutanga

Stackable Gadzira matebhu kana mapiritsi akatwasuka

Nzira yekuisa sei 'em

Stacked tabs

Mapiritsi akaturikidzana

Dropdowns Zvepamusoro nav components

Mamenu akapfuma akagadzirwa nyore

Tabs ane dropdowns

Mapiritsi ane dropdowns

Nav rondedzero Vakai nyore akaturikidzana navs, akanakira mabhara

Application-style navigation

Nezvidhori

Muenzaniso nav list

Muenzaniso une zvidhori

Tabable nav Hunza matabi kuhupenyu kuburikidza nejavascript

Chii chinosanganisirwa

Tabble muenzaniso

Tsika jQuery plugin

Yakatwasuka markup

Tabble mune chero nzira

Tabs pasi

Matebhu ari kuruboshwe

Tabs kurudyi

Navbar

Static navbar muenzaniso

Navbar scaffolding

Zita rechiratidzo

Tsvaga fomu

Optional responsive variation

Nav links

Kuwedzera dropdowns

Zvimedu zvechingwa

Sei kuzvishandisa

Mienzaniso

Markup

Pagination Nzira mbiri dzekupeja kuburikidza nezviri mukati

Multicon-peji pagination

Nguva yekushandisa

Stateful peji zvinongedzo

Flexible alignment

Mienzaniso

Markup

Pager Yekukurumidza yapfuura uye inotevera zvinongedzo

About pager

Default muenzaniso

Aligned links

Inline labels Label uye annotate mavara

Thumbnails Grids yemifananidzo, mavhidhiyo, zvinyorwa, nezvimwe

Default thumbnails

Yakanyanya customizable

Thumbnail label

Thumbnail label

Sei kushandisa thumbnails

Nyore, inochinjika markup

Inoshandisa grid column saizi

The markup

Mimwe mienzaniso

Alerts Styles yekubudirira, yambiro, uye meseji yekukanganisa

Lightweight defaults

Rewritten base class

Meseji yekuzivisa imwe chete

Inoenda zvakanaka nejavascript

Muenzaniso chenjedzo

Yambiro!

Contextual alternatives Wedzera makirasi esarudzo kuti uchinje chirevo chechenjedzo