Shyira kuri CSS

Kugirango utangire byihuse kandi byoroshye, kora iki gice kurupapuro rwawe.

Koresha na Buke

Umufana wo gukoresha Buke? Ntakibazo, kora repo gusa wongere iyi mirongo:

Fork on GitHub

Kuramo, gukata, gukurura, ibibazo bya dosiye, nibindi byinshi hamwe na repo ya Bootstrap yemewe kuri Github.

Urusobemiyoboro

Sisitemu isanzwe ya grid yatanzwe nkigice cya Bootstrap ni 940px ubugari bwa 16-inkingi. Nuburyohe bwa sisitemu izwi cyane ya 960, ariko idafite margin / padding yinyongera ibumoso niburyo.

Urugero rwa gride

Nkuko bigaragara hano, imiterere shingiro irashobora gushirwaho hamwe n "" inkingi "ebyiri, buri kimwekimwe cyose cyumubare winkingi 16 zifatizo twasobanuye nkigice cya sisitemu ya gride. Reba ingero zikurikira kugirango zitandukanye.

<div class = "umurongo">
  <div class = "span6 inkingi" >   
    ...
  </div>
  <div yaba = "span10 inkingi " >   
    ...
  </div>
</div>

Kureka inkingi

8 offset 4

4 offset 4

5 offset 3

10 offset 6

Imiterere ihamye

Shingiro 940px yagutse, igizwe na kontineri igizwe nurubuga urwo arirwo rwose.

<body>
  <div class = "kontineri" > 
    ...
  </div>
</body>

Imiterere y'amazi

Imiterere ihindagurika cyangwa urupapuro rwamazi rufite min- na max-ubugari hamwe nu ruhande rwibumoso. Nibyiza kuri porogaramu.

<body>
  <div class = "kontineri-fluid" > 
    <div class = "kuruhande " 
      ...
    </div>
    <div class = "ibirimo" > 
      ...
    </div>
  </div>
</body>

Imitwe na kopi

Urwego rusanzwe rwimyandikire yo gutunganya urubuga rwawe.

h1. Umutwe 1

h2. Umutwe 2

h3. Umutwe 3

h4. Umutwe 4

h5. Umutwe 5

h6. Umutwe 6

Urugero

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

Urugero rw'umutwe Ifite umutwe-mutwe ...

Urashobora kandi kongeramo imitwe hamwe <strong>na<em>

Misc. Ibintu

Ukoresheje gushimangira, aderesi, & amagambo ahinnye

<strong> <em> <address> <abbr>

Igihe cyo gukoresha

Ibimenyetso byibanda ( <strong>na <em>) bigomba gukoreshwa kugirango hongerwe itandukaniro rigaragara hagati yijambo cyangwa interuro hamwe na kopi yacyo. Koresha <strong>kubitekerezo byashaje byitondewe no <em>kwitonda no kwitirirwa.

Shimangira mu gika

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

Aderesi

Ikintu addressgikoreshwa kuri-wabitekereje! -Adresse. Dore uko isa:

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

Icyitonderwa: Buri murongo muburyo addressbugomba kurangirana numurongo-ucamo ( <br />) kugirango wubake neza ibirimo nkuko bisomwa mubuzima busanzwe nta buryo bwakoreshejwe.

Amagambo ahinnye

Ku magambo ahinnye n'amagambo ahinnye, koresha abbrtagi ( acronymitaye agaciro muri HTML5 ). Shira ifoto ngufi muri tagi hanyuma ushireho umutwe wizina ryuzuye.

Inzitizi

<blockquote> <p> <cite>

Witondere blockquotekuzenguruka paragraphhamwe na citetagi. Mugihe utanga isoko, koresha ikintu cite. CSS izahita ibanziriza izina hamwe na em dash (& mdash;).

Lorem ipsum dolor icara amet, consectetur adipisising elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ...
Dr. Julius Hibbert

Urutonde

Urutonde`<ul>`

Jeremy Bixby
Robert Dezure
Josh Washington
Anton Capresi
Itsinda ryanjye
- George Castanza
- Jerry Seinfeld
- Cosmo Kramer
- Elaine Bennis
- Newman
Yohani Yakobo
Paul Pierce
Kevin Garnett

Unstyled`<ul.unstyled>`

Jeremy Bixby
Robert Dezure
Josh Washington
Anton Capresi
Itsinda ryanjye
- George Castanza
- Jerry Seinfeld
- Cosmo Kramer
- Elaine Bennis
- Newman
Yohani Yakobo
Paul Pierce
Kevin Garnett

Rutegetse`<ol>`

Jeremy Bixby
Robert Dezure
Josh Washington
Anton Capresi
Itsinda ryanjye
1. George Castanza
2. Jerry Seinfeld
3. Cosmo Kramer
4. Elaine Bennis
5. Newman
Yohani Yakobo
Paul Pierce
Kevin Garnett

Ibisobanuro`dl`

Urutonde rwibisobanuro: Urutonde rwibisobanuro rwiza rwo gusobanura amagambo.
Euismod: Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.; Donec id elit non mi porta gravida kuri eget metus.
Malesuada porta: Etiam porta sem maleuada magna mollis euismod.

Kubaka ameza

<table> <thead> <tbody> <tr> <th> <td> <colspan> <caption>

Imbonerahamwe ni nziza-kubintu byinshi. Imbonerahamwe nini, ariko, ikenera akantu gato ko gushiraho urukundo kugirango ibe ingirakamaro, nini, kandi isomeka (kurwego rwa kode). Hano hari inama nkeya zifasha.

Buri gihe uzenguruke inkingi zumutwe muburyo bukurikira theadni thead>> .trth

Bisa ninkingi yimitwe, ibirimo kumeza yameza yawe byose bigomba kuba bipfunyitse kuburyo urwego rwawe tbodyari tbody>> .trtd

Urugero: Imiterere isanzwe yimbonerahamwe

Imbonerahamwe zose zizahita zandikwa nimbibi zingenzi gusa kugirango tumenye neza kandi dukomeze imiterere. Ntibikenewe ko wongera amasomo yinyongera cyangwa ibiranga.

#	Izina	Izina ryanyuma	Ururimi
1	Bamwe	Imwe	Icyongereza
2	Joe	Isakoshi	Icyongereza
3	Stu	Dent	Kode

<imbonerahamwe yimeza = "ibisanzwe-imbonerahamwe"> icyiciro = "imbonerahamwe-rusange" >
  ...
</table>

Urugero: Zebra

Shaka akantu gato hamwe nameza yawe wongeyeho zebra-striping - ongeraho .zebra-stripedishuri.

#	Izina	Izina ryanyuma	Ururimi
1	Bamwe	Imwe	Icyongereza
2	Joe	Isakoshi	Icyongereza
3	Stu	Dent	Kode

<imbonerahamwe yimeza = "rusange-ameza zebra-umurongo"> icyiciro = "ibisanzwe-ameza zebra-umurongo" >
...
</table>

Urugero: Zebra-yambuwe w / ImbonerahamweSorter.js

Dufashe urugero rwabanje, tunonosora akamaro kameza yacu dutanga uburyo bwo gutondeka dukoresheje jQuery hamwe na plugin ya Tablesorter . Kanda inkingi iyo ari yo yose kugirango uhindure ubwoko.

#	Izina	Izina ryanyuma	Ururimi
1	Iwawe	Imwe	Icyongereza
2	Joe	Isakoshi	Icyongereza
3	Stu	Dent	Kode

<inyandiko y'ubwoko = "inyandiko / javascript" src = "js / jquery / jquery.tablesorter.min.js"> </script> andika = "inyandiko / javascript" src = "js / jquery / jquery.tablesorter.min.js" > </script> 
< inyandiko y'ubwoko = "inyandiko / javascript" > 
  $ ( inyandiko ). biteguye ( imikorere () { 
    $ ( "imbonerahamwe # sortTableUrugero" ). imbonerahamwe ( { sortList : [[ 1 , 0 ]]} );   
  });
</script>
<imbonerahamwe yimeza = " rusange -ameza zebra-umurongo" > 
  ...
</table>

Umwanya wo hejuru

Niki

Topbar yacu ni umurongo uhamye urimo ikirango cyurubuga cyangwa izina, kugendana kwambere, nuburyo bwo gushakisha.

Guhindura

Ibintu byose biri imbere, hamwe na topbar yose kimwe, birashoboka. Urashobora guhitamo gushyiramo ikirango / izina, nav, gushakisha, hamwe na kabiri ya kabiri - cyangwa guhuza ibyo aribyo byose.

Ibitonyanga birimo

Nkigice cyingenzi cyo kugenda, twashizemo ubushobozi kugirango wongere ibitonyanga kuri nav yawe. Reba kuri nav ya kabiri hejuru (iburyo ihujwe) kugirango urebe uko bikorwa.

Amababi n'ibinini

Kora inzira yoroheje ya kabiri hamwe na a ul. Hinduranya hagati ya tabs cyangwa ibinini wongeyeho urwego rukwiye.

Nibyiza kubice byibirimo nkurupapuro rwa konte igenamiterere ya konte hamwe nigihe cyabakoresha cyo guhinduranya hagati yimpapuro nkibirimo. Biraboneka muburyo bwanditseho cyangwa ibinini.

<ul class = "tabs"> icyiciro = "tabs" >
  <li urwego = "rukora" > <a href = ""> Urugo </a> </li>  
  <li> <a href = ""> Umwirondoro </a> </li> 
  <li> <a href = ""> Ubutumwa </a> </li> 
  <li> <a href = ""> Igenamiterere </a> </li> 
  <li> <a href = ""> Twandikire </a> </li> 
</ul>

<ul class = "ibinini"> icyiciro = "ibinini" >
  <li urwego = "rukora" > <a href = ""> Urugo </a> </li>  
  <li> <a href = ""> Umwirondoro </a> </li> 
  <li> <a href = ""> Ubutumwa </a> </li> 
  <li> <a href = ""> Igenamiterere </a> </li> 
  <li> <a href = ""> Twandikire </a> </li> 
</ul>

Pagination

Ultra yoroshye kandi yoroheje yerekana pagination yahumetswe na Rdio. Inzitizi nini iragoye kubura, byoroshye kugereranywa, kandi itanga ahantu hanini ho gukanda.

<div class = "pagination"> icyiciro = "pagination" >
  <ul>
    <li class = "abamugaye mbere" > <a href = ""> & larr ; Mbere </a> </li>  
    <li urwego = "rukora" > <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 = ""> 5 </a> </li> 
    <li urwego = "ubutaha" > <a href = ""> Ibikurikira & rarr ; </a> </li>  
  </ul>
</div>

Ibimenyesha by'ibanze

Ubutumwa bumwe kumurongo wo kwerekana kunanirwa, ibishoboka bishoboka, cyangwa intsinzi yibikorwa. Byumwihariko Byingirakamaro kumpapuro.

Yoo! Hindura ibi n'ibi hanyuma ugerageze.

Gaucamole yera! Byiza kugenzura yo wenyine, ntabwo ureba neza cyane.

Muraho neza! Urasoma neza ubu butumwa bwo kumenyesha.

Umutwe! Ubu ni integuza ikeneye kwitabwaho, ariko ntabwo aribyingenzi cyane kugeza ubu.

Hagarika ubutumwa

Kubutumwa busaba ibisobanuro bike, dufite paragarafu yuburyo bwo kumenyesha. Ibi nibyiza kubutumwa bwikosa rirerire, kuburira umukoresha igikorwa gitegereje, cyangwa kwerekana gusa amakuru kugirango ushimangire kurupapuro.

Yoo! Wabonye ikosa!Hindura ibi n'ibi hanyuma ugerageze. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus yicara amet fermentum.

Fata iki gikorwa Cyangwa ukore ibi

Gaucamole yera! Iyi ni umuburo!Byiza kugenzura yo wenyine, ntabwo ureba neza cyane. Nulla vitae elit libero, pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

Fata iki gikorwa Cyangwa ukore ibi

Muraho neza!Urasoma neza ubu butumwa bwo kumenyesha. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur comiculus mus. Maecenas faucibus mollis interdum.

Fata iki gikorwa Cyangwa ukore ibi

Umutwe!Ubu ni integuza ikeneye kwitabwaho, ariko ntabwo aribyingenzi byambere.

Fata iki gikorwa Cyangwa ukore ibi

Uburyo

Uburyo - ibiganiro cyangwa agasanduku k'amatara - nibyiza kubikorwa byerekeranye nibihe aho ari ngombwa ko imiterere yinyuma ikomeza.

Inama

Twipsies ningirakamaro cyane mugufasha ukoresha urujijo no kubereka inzira nziza.

Lorem ipsum dolar kwicara amet illo ikosa ipsum veritatis aut iste perspiciatis iste voluptas natus illo quasi odit aut natus inkurikizi ziterwa, aut natus illo voluptatem odit perspiciatis laudantium rem doloremque totam voluptas. Voluptasdicta eaque beatae aperiam ut enim voluptatem explicabo explicabo, voluptas quia odit fugit accusantium totam totam architecto explicabo sit quasi fugit fugit, totam doloremque unde sunt sed dicta quae accusantium fugit voluptas nemo voluptas nemo volu .

hepfo!

nibyo!

ibumoso!

hejuru!

Amashanyarazi

Koresha popovers kugirango utange amakuru adasobanutse kurupapuro udakoze imiterere.

Bootstrap yubatswe hamwe na Preboot , ifunguye-isoko yuzuye ivanze na variable igomba gukoreshwa ifatanije na Less , progaramu ya CSS kugirango iteze imbere byihuse kandi byoroshye.

Reba uburyo twakoresheje Preboot muri Bootstrap nuburyo ushobora kuyikoresha uramutse uhisemo gukora bike kumushinga wawe utaha.

Uburyo bwo kuyikoresha

Koresha ubu buryo kugirango ukoreshe byuzuye impinduka nke za Bootstrap, ivanga, hamwe nicyari muri CSS ukoresheje javascript muri mushakisha yawe.

<ihuza rel = "urupapuro rwerekana / ruto" ubwoko = "inyandiko / css" href = "bike / bootstrap.less" media = "byose" /> rel = "urupapuro rwerekana / ruto" ubwoko = "inyandiko / css" href = "bike / bootstrap.less" media = "byose" />    
< inyandiko y'inyandiko = "inyandiko / javascript" src = "js / munsi-1.0.41.min.js" > </script>

Ntabwo wumva igisubizo .js? Gerageza porogaramu Ntoya ya Mac cyangwa ukoreshe Node.js kugirango ukusanye mugihe ukoresheje code yawe.

Harimo iki

Hano hari bimwe mu byaranze ibiri muri Twitter Bootstrap nkigice cya Bootstrap. Jyana kurubuga rwa Bootstrap cyangwa urupapuro rwumushinga wa Github kugirango ukuremo kandi wige byinshi.

Impinduka zamabara

Ibihinduka muri bike birahagije kubungabunga no kuvugurura umutwe wa CSS kubuntu. Mugihe ushaka guhindura ibara cyangwa agaciro gakunze gukoreshwa, vugurura ahantu hamwe hanyuma ushireho.

// Ihuza
@linkIbara : # 8b59c2;         
@linkColorHover :     umwijima ( @linkColor , 10 ); 
// Imvi
@black : # 000;             
@grayDark :           koroshya ( @umukara , 25 %); 
@gray :               koroshya ( @black , 50 %); 
@Umucyo :          koroshya ( @umukara , 70 %); 
@grayUmucyo :        koroshya ( @black , 90 %); 
@Umuzungu : #fff;             
// Amabara ya Acent
@ururimi : # 08b5fb;              
@icyatsi : # 46a546;             
@red : # 9d261d;               
@umusangirangendo : # ffc40d;            
@orange : # f89406;            
@pink : # c3325f;              
@purple : # 7a43b6;            
// Ibyingenzi
@baseline : 20px ;

Gutanga ibitekerezo

Guto nayo itanga ubundi buryo bwo gutanga ibitekerezo hiyongereyeho CSS isanzwe /* ... */.

// Iki ni igitekerezo
/ * Iki nacyo ni igitekerezo * /

Kuvanga wazoo

Imvange zirimo ahanini cyangwa ibice bya CSS, bikwemerera guhuza umurongo wa code murimwe. Nibyiza kubacuruzi bateganijwe mbere nka box-shadow, cross-mushakisha gradients, imyandikire yimyandikire, nibindi byinshi. Hasi nicyitegererezo cyuruvange rurimo na Bootstrap.

Imyandikire yimyandikire

#imyandikire {
  . bigufi ( @uburemere : bisanzwe , @size : 14px , @umurongo muremure : 20px ) {     
    Imyandikire - ingano : @size ; 
    Imyandikire - uburemere : @ uburemere ; 
    umurongo - uburebure : @umurongo ; 
  }
  . sans - serif ( @ibiro : bisanzwe , @size : 14px , @umurongo muremure : 20px ) {     
    Imyandikire - umuryango : "Helvetica Neue" , Helvetica , Arial , sans - serif ;   
    Imyandikire - ingano : @size ; 
    Imyandikire - uburemere : @ uburemere ; 
    umurongo - uburebure : @umurongo ; 
  }
  . serif ( @ibiro : bisanzwe , @size : 14px , @umurongo muremure : 20px ) {     
    Imyandikire - umuryango : "Jeworujiya" , Times New Roman , Times , sans - serif ;     
    Imyandikire - ingano : @size ; 
    Imyandikire - uburemere : @ uburemere ; 
    umurongo - uburebure : @umurongo ; 
  }
  . monospace ( @ibiro : bisanzwe , @size : 12px , @umurongo muremure : 20px ) {     
    Imyandikire - umuryango : "Monaco" , Courier Nshya , monospace ;   
    Imyandikire - ingano : @size ; 
    Imyandikire - uburemere : @ uburemere ; 
    umurongo - uburebure : @umurongo ; 
  }
}

Gradients

#gradient {
  . utambitse ( @Ibara : # 555, @Ibara: # 333) { 
    inyuma - ibara : @Ibara ; 
    inyuma - subiramo : subiramo - x ;
    inyuma - ishusho : - khtml - icyiciro ( umurongo , ibumoso hejuru , hejuru iburyo , kuva ( @startColor ), kugeza kuri ( @endColor )); // Konqueror   
    inyuma - ishusho : - moz - umurongo - icyiciro ( ibumoso , @startColor , @endColor ); // FF 3.6+    
    inyuma - ishusho : - ms - umurongo - icyiciro ( ibumoso , @startColor , @endColor ); // IE10    
    inyuma - ishusho : - webkit - igipimo ( umurongo , ibumoso hejuru , iburyo hejuru , ibara - guhagarara ( 0 %, @startColor ), ibara - guhagarara ( 100 %, @endColor )); // Safari 4+, Chrome 2+    
    inyuma - ishusho : - webkit - umurongo - icyiciro ( ibumoso , @startColor , @endColor ); // Safari 5.1+, Chrome 10+    
    inyuma - ishusho : - o - umurongo - icyiciro ( ibumoso , @Ibara , @Ibara ); // Opera 11.10    
    - ms - kuyungurura : % ( "progid: DXImageTransform.Microsoft.gradient (startColorstr = '% d', endColorstr = '% d', GradientType = 1)" , @startColor , @endColor ); // IE8 +  
    muyunguruzi : e (% ( "progid: DXImageTransform.Microsoft.gradient ( startColorstr = '% d' , endColorstr = '% d', GradientType = 1 ) " , // IE6 & IE7 
    inyuma - ishusho : umurongo - icyiciro ( ibumoso , @ibara , @Ibara ); // Ibipimo bisanzwe   
  }
  . uhagaritse ( @Ibara : # 555, @Ibara: # 333) { 
    inyuma - ibara : @Ibara ; 
    inyuma - subiramo : subiramo - x ;
    inyuma - ishusho : - khtml - icyiciro ( umurongo , ibumoso hejuru , ibumoso hepfo , kuva ( @startColor ), kugeza ( @endColor )); // Konqueror   
    inyuma - ishusho : - moz - umurongo - icyiciro ( @Ibara , @Ibara ); // FF 3.6+   
    inyuma - ishusho : - ms - umurongo - icyiciro ( @startColor , @endColor ); // IE10   
    inyuma - ishusho : - webkit - icyiciro ( umurongo , ibumoso hejuru , ibumoso hepfo , ibara - guhagarara ( 0 %, @startColor ), ibara - guhagarara ( 100 %, @endColor )); // Safari 4+, Chrome 2+    
    inyuma - ishusho : - webkit - umurongo - icyiciro ( @startColor , @endColor ); // Safari 5.1+, Chrome 10+   
    inyuma - ishusho : - o - umurongo - icyiciro ( @startColor , @endColor ); // Opera 11.10   
    - ms - kuyungurura : % ( "progid: DXImageTransform.Microsoft.gradient (startColorstr = '% d', endColorstr = '% d', GradientType = 0)" , @startColor , @endColor ); // IE8 +  
    muyunguruzi : e (% ( "progid: DXImageTransform.Microsoft.gradient (startColorstr = '% d', endColorstr = '% d', GradientType = 0)" , @startColor , @endColor )); // IE6 & IE7 
    inyuma - ishusho : umurongo - icyiciro ( @Ibara , @Ibara ); // Igipimo  
  }
  . icyerekezo ( @Ibara : # 555, @Ibara: # 333, @deg: 45deg) { 
    ...
  }
  . uhagaritse - atatu - amabara ( @startIbara : # 00b3ee, @midColor: # 7a43b6, @IbaraStop: 0.5, @Ibara: # c3325f) { 
    ...
  }
}

Sisitemu na sisitemu ya sisitemu

Fata neza kandi ukore imibare kugirango ubyare ibintu byoroshye kandi bikomeye bivanze nkibi biri hepfo.

// Ubunini
@GridColumns : 16 ;       
@gridColumnUbugari : 40px ;   
@GridGutterUbugari : 20px ;   
// Sisitemu ya Gride
. kontineri {
  ubugari : @Urubuga Ubugari ; 
  margin : 0 auto ;  
  . ibisobanuro ();
}
. inkingi ( @inkingiSpan : 1 ) {  
  kwerekana : umurongo ; 
  kureremba : ibumoso ;
  ubugari : ( @gridColumnUbugari * @InkingiSpan ) + ( _ _ _ _ _ _ _         
  margin - ibumoso : @gridGutterWidth ; 
  &: ubanza - umwana {
    margin - ibumoso : 0 ; 
  }
}
. offset ( @inkingiOffset : 1 ) {  
  margin - ibumoso : ( @gridColumnWidth * @columnOffset ) + ( @gridGutterWidth * ( @columnOffset - 1 )) ! ingenzi ;          
}

Bootstrap

Twitter Bootstrap

Shyira kuri CSS

Koresha na Buke

Fork on GitHub

Sisitemu ya sisitemu Urutare rusanzwe 940px cyangwa uzenguruke urwawe

Urusobemiyoboro

Urugero rwa gride

Kureka inkingi

Imiterere Inyandikorugero Yibanze yo gukora Urubuga

Imiterere ihamye

Imiterere y'amazi

Imyandikire yimyandikire , paragarafu, urutonde, nibindi bikoresho byubwoko

Imitwe na kopi

h1. Umutwe 1

h2. Umutwe 2

h3. Umutwe 3

h4. Umutwe 4

h5. Umutwe 5

h6. Umutwe 6

Urugero

Urugero rw'umutwe Ifite umutwe-mutwe ...

Misc. Ibintu

Igihe cyo gukoresha

Shimangira mu gika

Aderesi

Amagambo ahinnye

Inzitizi

Urutonde

Urutonde<ul>

Unstyled<ul.unstyled>

Rutegetse<ol>

Ibisobanurodl

Imbonerahamwe Kuri, wabitekereje, amakuru yimbonerahamwe

Kubaka ameza

Urugero: Imiterere isanzwe yimbonerahamwe

Urugero: Zebra

Urugero: Zebra-yambuwe w / ImbonerahamweSorter.js

Ifishi

Imiterere isanzwe

Impapuro zegeranye

Utubuto

Urugero Utubuto

Ubundi bunini

Leta yamugaye

Ihuza

Utubuto

Kugenda

Umwanya wo hejuru

Izina ry'umushinga

Niki

Guhindura

Ibitonyanga birimo

Amababi n'ibinini

Pagination

Imenyesha & Amakosa Imiterere yo gutsinda, kuburira, hamwe n'ubutumwa bwibeshya cyangwa kumenyesha

Ibimenyesha by'ibanze

Hagarika ubutumwa

Ibikoresho bya popovers byo kwerekana ibiri muburyo, ibikoresho, hamwe na popovers

Uburyo

Umutwe w'icyitegererezo

Inama

Amashanyarazi

Umutwe wa popover

Ukoresheje Bootstrap hamwe na Supercharge ya CSS yawe hamwe nibihinduka, ivanga, nibikorwa

Uburyo bwo kuyikoresha

Harimo iki

Impinduka zamabara

Gutanga ibitekerezo

Kuvanga wazoo

Imyandikire yimyandikire

Gradients

Sisitemu na sisitemu ya sisitemu

Urutonde`<ul>`

Unstyled`<ul.unstyled>`

Rutegetse`<ol>`

Ibisobanuro`dl`