Zigawo

Zida zambiri zomwe zitha kugwiritsidwanso ntchito zomwe zimapangidwira kuti zipereke kuyenda, zidziwitso, popovers, ndi zina zambiri.

Zitsanzo

Zosankha ziwiri zofunika, pamodzi ndi zina ziwiri zosiyana.

Gulu la batani limodzi

Manga mabatani angapo ndi .btnmu .btn-group.

  1. <div class = "btn-group" >
  2. <button class = "btn" > Kumanzere </ batani>
  3. <button class = "btn" > Pakati </ batani>
  4. <button class = "btn" > Kumanja </ batani>
  5. </div>

Magulu angapo mabatani

Phatikizani ma seti a <div class="btn-group">kukhala <div class="btn-toolbar">a zigawo zovuta kwambiri.

  1. <div class = "btn-toolbar" >
  2. <div class = "btn-group" >
  3. ...
  4. </div>
  5. </div>

Magulu a batani oima

Pangani mabatani angapo kuti awoneke ngati atayikidwa molunjika osati mopingasa.

  1. <div class = "btn-group btn-group-vertical" >
  2. ...
  3. </div>

Checkbox ndi zokometsera wailesi

Magulu a mabatani amathanso kugwira ntchito ngati mawayilesi, pomwe batani limodzi lokha litha kukhala logwira, kapena mabokosi, pomwe mabatani angapo amatha kugwira ntchito. Onani zolemba za JavaScript za izo.

Zotsitsa m'magulu a batani

Mungodziwiratu!Mabatani okhala ndi madontho ayenera kukulungidwa payekhapayekha kuti aperekedwe .btn-groupmoyenera .btn-toolbar.

Mwachidule ndi zitsanzo

Gwiritsani ntchito batani lililonse kuti muyambitse menyu yotsitsa poyiyika mkati .btn-groupndikupereka zolembera zoyenera.

  1. <div class = "btn-group" >
  2. <a class = "btn dropdown-toggle" data-toggle = "dropdown" href = "#">
  3. Zochita
  4. <span class = "caret" > </span>
  5. </a>
  6. <ul class = "dropdown-menu" >
  7. <!-- maulalo a menyu otsika -->
  8. </ul>
  9. </div>

Imagwira ntchito ndi mabatani onse

Mabatani otsitsa amagwira ntchito pakukula kulikonse: .btn-large, .btn-small, kapena .btn-mini.

Pamafunika JavaScript

Kutsitsa kwa mabatani kumafuna pulogalamu yowonjezera ya Bootstrap kuti igwire ntchito.

Nthawi zina, monga mafoni a m'manja-otsika, amatuluka kunja kwa malo owonera. Muyenera kukonza makonzedwewo pamanja kapena ndi JavaScript yokhazikika.


Kutsitsa kwa batani logawanika

Kumanga pamatayilo amagulu a batani ndi zolembera, titha kupanga batani logawanika mosavuta. Mabatani ogawanika amakhala ndi zochitika zokhazikika kumanzere ndikusintha kotsikira kumanja ndi maulalo amkati.

  1. <div class = "btn-group" >
  2. <button class = "btn" > Zochita </ ​​batani>
  3. <button class = "btn dropdown-toggle" data-toggle = "dropdown" >
  4. <span class = "caret" > </span>
  5. </ batani>
  6. <ul class = "dropdown-menu" >
  7. <!-- maulalo a menyu otsika -->
  8. </ul>
  9. </div>

Makulidwe

Gwiritsani ntchito makalasi owonjezera mabatani .btn-mini, .btn-small, kapena .btn-largekukula kwake.

  1. <div class = "btn-group" >
  2. <button class = "btn btn-mini" > Action </ batani>
  3. <button class = "btn btn-mini dropdown-toggle" data-toggle = "dropdown" >
  4. <span class = "caret" > </span>
  5. </ batani>
  6. <ul class = "dropdown-menu" >
  7. <!-- maulalo a menyu otsika -->
  8. </ul>
  9. </div>

Ma menyu otsika

Ma menyu otsitsa amathanso kusinthidwa kuchokera pansi kupita mmwamba powonjezera kalasi imodzi kwa kholo lomwe la .dropdown-menu. Idzatembenuza njira .caretndikuyikanso menyu kuti isunthe kuchokera pansi kupita pamwamba m'malo mwa pamwamba pansi.

  1. <div class = "btn-group dropup" >
  2. <button class = "btn" > Dropup </ batani>
  3. <button class = "btn dropdown-toggle" data-toggle = "dropdown" >
  4. <span class = "caret" > </span>
  5. </ batani>
  6. <ul class = "dropdown-menu" >
  7. <!-- maulalo a menyu otsika -->
  8. </ul>
  9. </div>

Standard pagination

Kusindikiza kosavuta kouziridwa ndi Rdio, koyenera kwa mapulogalamu ndi zotsatira zosaka. Chotchinga chachikulu ndi chovuta kuphonya, chiwonjezeke mosavuta, ndipo chimapereka malo akulu odina.

  1. <div class = "pagination" >
  2. <ul>
  3. <li><a href = "#"> Prev </a> < /li>
  4. <li><a href = "#"> 1 </a> </li>
  5. <li><a href = "#"> 2 </a> </li>
  6. <li><a href = "#"> 3 </a> </li>
  7. <li><a href = "#"> 4 </a> </li>
  8. <li><a href = "#"> 5 </a> </li>
  9. <li><a href = "#"> Kenako </a> </li>
  10. </ul>
  11. </div>

Zosankha

Mayiko olumala komanso ogwira ntchito

Maulalo ndi makonda pamikhalidwe yosiyanasiyana. Gwiritsani .disabledntchito maulalo osadina .activendikuwonetsa tsamba lomwe lilipo.

  1. <div class = "pagination" >
  2. <ul>
  3. <li class = "disabled" ><a href = "#" > « </a></li>
  4. <li class = "active" > <a href = "#"> 1 </a></li>
  5. ...
  6. </ul>
  7. </div>

Mutha kusinthanitsa ma nangula omwe akugwira ntchito kapena olemala kuti muchotse magwiridwe antchito ndikusunga masitayelo omwe mukufuna.

  1. <div class = "pagination" >
  2. <ul>
  3. <li kalasi = "olumala" ><span> « </span></li>
  4. <li class = "active" ><span> 1 </span></li>
  5. ...
  6. </ul>
  7. </div>

Makulidwe

Mukufuna zokhala zazikulu kapena zazing'ono? Onjezani .pagination-large, .pagination-small, kapena .pagination-minima size owonjezera.

  1. <div class = "pagination pagination-large" >
  2. <ul>
  3. ...
  4. </ul>
  5. </div>
  6. <div class = "pagination" >
  7. <ul>
  8. ...
  9. </ul>
  10. </div>
  11. <div class = "pagination pagination-small" >
  12. <ul>
  13. ...
  14. </ul>
  15. </div>
  16. <div class = "pagination pagination-mini" >
  17. <ul>
  18. ...
  19. </ul>
  20. </div>

Kuyanjanitsa

Onjezani limodzi mwamakalasi awiri osankha kuti musinthe masinthidwe amitundu: .pagination-centeredndi .pagination-right.

  1. <div class = "pagination-centered" >
  2. ...
  3. </div>
  1. <div class = "pagination pagination-right" >
  2. ...
  3. </div>

Peja

Maulalo am'mbuyomu komanso otsatirawa kuti mukhazikitse zosavuta zamitundu yokhala ndi zowunikira komanso masitayelo. Ndi yabwino kwa masamba osavuta monga mabulogu kapena magazini.

Chitsanzo chosasinthika

Mwachikhazikitso, pager centers maulalo.

  1. <ul class = "pager" >
  2. <li><a href = "#"> Yam'mbuyo </a> </li>
  3. <li><a href = "#"> Kenako </a> </li>
  4. </ul>

Zogwirizana

Kapenanso, mutha kugwirizanitsa ulalo uliwonse kumbali:

  1. <ul class = "pager" >
  2. <li class = "previous" >
  3. <a href = "#" > Zakale </a>
  4. </li>
  5. <li class = "next" >
  6. <a href = "#"> Zatsopano &rarr ; </a>
  7. </li>
  8. </ul>

Dziko lolumala ngati mukufuna

Maulalo a Pager amagwiritsanso .disabledntchito gulu lazambiri lazachikunja.

  1. <ul class = "pager" >
  2. <li class = "olemala kale" >
  3. <a href = "#" > Zakale </a>
  4. </li>
  5. ...
  6. </ul>

Zolemba

Zolemba Markup
Zosasintha <span class="label">Default</span>
Kupambana <span class="label label-success">Success</span>
Chenjezo <span class="label label-warning">Warning</span>
Zofunika <span class="label label-important">Important</span>
Zambiri <span class="label label-info">Info</span>
Zosiyana <span class="label label-inverse">Inverse</span>

Mabaji

Dzina Chitsanzo Markup
Zosasintha 1 <span class="badge">1</span>
Kupambana 2 <span class="badge badge-success">2</span>
Chenjezo 4 <span class="badge badge-warning">4</span>
Zofunika 6 <span class="badge badge-important">6</span>
Zambiri 8 <span class="badge badge-info">8</span>
Zosiyana 10 <span class="badge badge-inverse">10</span>

Zosavuta kupunduka

Kuti mugwiritse ntchito mosavuta, zilembo ndi mabaji azingogwa (kudzera pa :emptychosankha cha CSS) ngati mulibe chilichonse mkati mwake.

Hero unit

Chigawo chopepuka, chosinthika kuti chiwonetse zomwe zili patsamba lanu. Zimagwira ntchito bwino pazamalonda komanso masamba olemera.

Moni Dziko Lapansi!

Ichi ndi gawo losavuta la ngwazi, gawo losavuta la jumbotron poyitanitsa chidwi chowonjezereka pazomwe zili kapena zambiri.

Dziwani zambiri

  1. <div class = "hero-unit" >
  2. <h1> Mutu </h1>
  3. <p> Tagline </p>
  4. <p>
  5. <a class = "btn btn-primary btn-large">
  6. Dziwani zambiri
  7. </a>
  8. </p>
  9. </div>

Tsamba lamutu

Chipolopolo chosavuta kuti h1muthe kuyika moyenerera ndikugawa magawo omwe ali patsamba. Itha kugwiritsa ntchito h1's default small, element komanso zigawo zina zambiri (ndi masitaelo owonjezera).

  1. <div class = "tsamba-mutu" >
  2. <h1> Chitsanzo cha mutu watsamba <small> Mutu wapamutu </small></h1>
  3. </div>

Zojambula zofikira

Mwachikhazikitso, zikwangwani za Bootstrap zidapangidwa kuti ziziwonetsa zithunzi zolumikizidwa zomwe zili ndi zolembera zochepa.

Kwambiri makonda

Powonjezera pang'ono, ndizotheka kuwonjezera mtundu uliwonse wazinthu za HTML monga mitu, ndime, kapena mabatani pazithunzi.

  • 300x200

    Chizindikiro chazithunzi

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

    Zochita Zochita

  • 300x200

    Chizindikiro chazithunzi

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

    Zochita Zochita

  • 300x200

    Chizindikiro chazithunzi

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

    Zochita Zochita

Chifukwa chiyani timagwiritsa ntchito tizithunzi

Tizithunzi (kale .media-gridmpaka v1.4) ndi zabwino kwa ma gridi a zithunzi kapena makanema, zotsatira zosaka zithunzi, malonda ogulitsa, ma portfolio, ndi zina zambiri. Zitha kukhala maulalo kapena zokhazikika.

Zosavuta, zosinthika

Zolemba pazithunzi ndizosavuta - ulzokhala ndi chiwerengero lichilichonse ndizomwe zimafunikira. Ndiwosinthika kwambiri, kulola mtundu uliwonse wazinthu zokhala ndi zolembera zochulukirapo kuti zimakutira zomwe muli nazo.

Amagwiritsa ntchito makulidwe a gridi

Pomaliza, gawo la tizithunzi limagwiritsa ntchito makalasi a gridi omwe alipo - monga .span2kapena .span3-kuwongolera kukula kwazithunzi.

Markup

Monga tanena kale, chizindikiro chofunikira pazithunzithunzi ndizopepuka komanso zowongoka. Nayi mawonekedwe okhazikika azithunzi zolumikizidwa :

  1. <ul class = "thumbnails" >
  2. <li class = "span4" >
  3. <a href = "#" class = "thumbnail"> _
  4. <img data-src = "holder.js/300x200" alt = "" >
  5. </a>
  6. </li>
  7. ...
  8. </ul>

Pazokonda za HTML pazithunzithunzi, zolembera zimasintha pang'ono. <a>Kuti tilole zomwe zili mu block level kulikonse, timasinthana <div>motere:

  1. <ul class = "thumbnails" >
  2. <li class = "span4" >
  3. <div class = "thumbnail" >
  4. <img data-src = "holder.js/300x200" alt = "" >
  5. <h3> Chizindikiro chazithunzi </h3>
  6. <p> Mawu azithunzi... </p>
  7. </div>
  8. </li>
  9. ...
  10. </ul>

Zitsanzo zambiri

Onani zosankha zanu zonse ndi magulu osiyanasiyana a gridi omwe mungapeze. Mukhozanso kusakaniza ndi ma size osiyana.

Chidziwitso chofikira

Manga mawu aliwonse ndi batani lochotsapo .alertkuti mumve chenjezo lofunikira.

Chenjezo! Chabwino, fufuzani nokha, simukuwoneka bwino kwambiri.
  1. <div class = "chenjezo" >
  2. <button type = "button" class = "close" data-dismiss = "alert" > × </ batani>
  3. <strong> Chenjezo! </strong> Chabwino fufuzani inu nokha, simukuwoneka bwino kwambiri.
  4. </div>

Chotsani mabatani

Asakatuli a Mobile Safari ndi Mobile Opera, kuphatikiza data-dismiss="alert"pamalingaliro, amafunikira href="#"kuchotsedwa kwa zidziwitso mukamagwiritsa ntchito <a>tag.

  1. <a href = "#" class = "close" data-dismiss = "chenjezo" > × </a>

Kapenanso, mutha kugwiritsa ntchito <button>chinthu chomwe chili ndi mawonekedwe a data, chomwe tasankha kuchita pa ma docs athu. Mukamagwiritsa ntchito <button>, muyenera kuphatikiza type="button"kapena mafomu anu sangatumize.

  1. <button type = "button" class = "close" data-dismiss = "alert" > × </ batani>

Chotsani zidziwitso kudzera pa JavaScript

Gwiritsani ntchito zochenjeza za jQuery kuti muchotse zidziwitso mwachangu komanso mosavuta.


Zosankha

Kwa mauthenga ataliatali, onjezani zotchingira pamwamba ndi pansi pa chokulunga chochenjeza powonjezera .alert-block.

Chenjezo!

Chabwino, fufuzani nokha, simukuwoneka bwino kwambiri. Nulla vitae elit libero, pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

  1. <div class = "alert alert-block" >
  2. <button type = "button" class = "close" data-dismiss = "alert" > × </ batani>
  3. <h4> Chenjezo! </ h4>
  4. Chabwino dziyeseni nokha, simuli ...
  5. </div>

Njira zina zachitukuko

Onjezani makalasi osankha kuti musinthe tanthauzo la zidziwitso.

Cholakwika kapena ngozi

O, bwerani! Sinthani zinthu zingapo ndikuyesa kutumizanso.
  1. <div class = "cholakwika chochenjeza" >
  2. ...
  3. </div>

Kupambana

Mwachita bwino! Munawerenga bwino uthenga wochenjezawu.
  1. <div class = "alert alert-kupambana" >
  2. ...
  3. </div>

Zambiri

Mungodziwiratu! Chenjezoli likufunika chisamaliro chanu, koma silofunika kwambiri.
  1. <div class = "chidziwitso chochenjeza" >
  2. ...
  3. </div>

Zitsanzo ndi zizindikiro

Basic

Njira yofikira yomwe ili ndi gradient yoyima.

  1. <div class = "progress" >
  2. <div class = "bar" style = " wide : 60 %; " ></div>
  3. </div>

Mizeremizere

Amagwiritsa ntchito gradient kuti apange mizeremizere. Palibe mu IE7-8.

  1. <div class = "progress progress-striped" >
  2. <div class = "bar" style = " wide : 20 %; " ></div>
  3. </div>

Makanema

Onjezani .activekuti .progress-stripedmupangitse mikwingwirima kumanja kupita kumanzere. Palibe m'mitundu yonse ya IE.

  1. <div class = "kupita patsogolo kogwira ntchito" >
  2. <div class = "bar" style = " wide : 40 %; " ></div>
  3. </div>

Zosungidwa

Ikani mipiringidzo yambiri mofanana .progresskuti muyike.

  1. <div class = "progress" >
  2. <div class = "bar-success" style = " wide : 35 %; " ></div>
  3. <div class = "bar-warning" style = " wide : 20 %; " ></div>
  4. <div class = "bar-danger" style = " wide : 10 %; " ></div>
  5. </div>

Zosankha

Mitundu yowonjezera

Mipiringidzo yopita patsogolo imagwiritsa ntchito mabatani omwewo ndi makalasi ochenjeza a masitayelo ofanana.

  1. <div class = "progress progress-info" >
  2. <div class = "bar" style = " wide : 20 % > </div>
  3. </div>
  4. <div class = "kupita patsogolo-kupambana" >
  5. <div class = "bar" style = " wide : 40 % > </div>
  6. </div>
  7. <div class = "chenjezo lakupita patsogolo" >
  8. <div class = "bar" style = " wide : 60 % " ></div>
  9. </div>
  10. <div class = "kupita patsogolo-ngozi" >
  11. <div class = "bar" style = " wide : 80 % > </div>
  12. </div>

Mipiringidzo yamizeremizere

Mofanana ndi mitundu yolimba, tili ndi mipiringidzo yamitundu yosiyanasiyana.

  1. <div class = "kupita patsogolo-chidziwitso chakupita patsogolo" >
  2. <div class = "bar" style = " wide : 20 % > </div>
  3. </div>
  4. <div class = "kupita patsogolo-kupambana-kupambana-kupambana" >
  5. <div class = "bar" style = " wide : 40 % > </div>
  6. </div>
  7. <div class = "kupita patsogolo-chenjezo lakupita patsogolo-kukhazikika" >
  8. <div class = "bar" style = " wide : 60 % " ></div>
  9. </div>
  10. <div class = "kupita patsogolo-kutsogolo kwa ngozi" >
  11. <div class = "bar" style = " wide : 80 % > </div>
  12. </div>

Thandizo la msakatuli

Mipiringidzo yopita patsogolo imagwiritsa ntchito ma gradients a CSS3, masinthidwe, ndi makanema ojambula kuti akwaniritse zotsatira zake zonse. Izi sizimathandizidwa mu IE7-9 kapena mitundu yakale ya Firefox.

Zomasulira zakale kuposa Internet Explorer 10 ndi Opera 12 sizigwirizana ndi makanema ojambula.

Masitayelo azinthu zopangira mitundu yosiyanasiyana yazigawo (monga ndemanga zamabulogu, ma Tweets, ndi zina) zomwe zimakhala ndi chithunzi cholowera kumanzere kapena kumanja motsatira zolemba.

Chitsanzo chosasinthika

Makanema osasinthika amalola kuyandama chinthu chapa media (zithunzi, makanema, zomvera) kumanzere kapena kumanja kwa block block.

64x64 pa

Mutu wa media

Cras sit amet nibh libero, mu gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum mu vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis mu faucibus.
64x64 pa

Mutu wa media

Cras sit amet nibh libero, mu gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum mu vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis mu faucibus.
64x64 pa

Mutu wa media

Cras sit amet nibh libero, mu gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum mu vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis mu faucibus.
  1. <div class = "media" >
  2. <a class = "pull-left" href = "#"> _
  3. <img class = "media-object" data-src = "holder.js/64x64" >
  4. </a>
  5. <div class = "media-body" >
  6. <h4 class = "media-heading" > Mutu wankhani </h4>
  7. ...
  8.  
  9. <!-- Nested media object -->
  10. <div class = "media" >
  11. ...
  12. </div>
  13. </div>
  14. </div>

Media list

Ndizowonjezera pang'ono, mutha kugwiritsa ntchito media mkati mwa mndandanda (zothandiza pamindandanda yankhani kapena mindandanda).

  • 64x64 pa

    Mutu wa media

    Cras sit amet nibh libero, mu gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum mu vulputate at, tempus viverra turpis.

    64x64 pa

    Mutu wankhani wapa media

    Cras sit amet nibh libero, mu gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum mu vulputate at, tempus viverra turpis.
    64x64 pa

    Mutu wankhani wapa media

    Cras sit amet nibh libero, mu gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum mu vulputate at, tempus viverra turpis.
    64x64 pa

    Mutu wankhani wapa media

    Cras sit amet nibh libero, mu gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum mu vulputate at, tempus viverra turpis.
  • 64x64 pa

    Mutu wa media

    Cras sit amet nibh libero, mu gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum mu vulputate at, tempus viverra turpis.
  1. <ul class = "media-list" >
  2. <li class = "media" >
  3. <a class = "pull-left" href = "#"> _
  4. <img class = "media-object" data-src = "holder.js/64x64" >
  5. </a>
  6. <div class = "media-body" >
  7. <h4 class = "media-heading" > Mutu wankhani </h4>
  8. ...
  9.  
  10. <!-- Nested media object -->
  11. <div class = "media" >
  12. ...
  13. </div>
  14. </div>
  15. </li>
  16. </ul>

Zitsime

Gwiritsani ntchito chitsime ngati chosavuta pa chinthu kuti chiwonekere.

Taonani, ndili pachitsime!
  1. <div class = "chabwino" >
  2. ...
  3. </div>

Maphunziro osankha

Control padding ndi ngodya zozungulira ndi makalasi awiri osankha osintha.

Taonani, ndili pachitsime!
  1. <div class = "chabwino-chabwino" >
  2. ...
  3. </div>
Taonani, ndili pachitsime!
  1. <div class = "chabwino pang'ono" >
  2. ...
  3. </div>

Tsekani chizindikiro

Gwiritsani ntchito chizindikiro chapafupi chotseka pochotsa zinthu monga ma modals ndi zidziwitso.

  1. <button class = "close" > × </ batani>

Zida za iOS zimafunikira href="#"kudina zochitika ngati mungafune kugwiritsa ntchito nangula.

  1. <a class = "close" href = "#" > × </a>

Maphunziro othandizira

Makalasi osavuta, olunjika akuwonetsa zazing'ono kapena zosintha zamakhalidwe.

.kokani-kumanzere

Sungani chinthu kumanzere

  1. class = "kukoka kumanzere"
  1. . kukoka - kumanzere {
  2. kuyandama : kumanzere ;
  3. }

.kokani-kumanja

Nyamulirani chinthu kumanja

  1. class = "kukokera kumanja"
  1. . kukoka - kumanja {
  2. kuyandama : kumanja ;
  3. }

.osalankhula

Sinthani mtundu wa chinthu kukhala#999

  1. class = "muted"
  1. . osalankhula {
  2. mtundu : #999;
  3. }

.clearfix

Chotsani floatpa chinthu chilichonse

  1. class = "clearfix"
  1. . clearfix {
  2. * kukula : 1 ;
  3. &: kale ,
  4. &: pambuyo {
  5. chiwonetsero : tebulo ;
  6. zomwe : "" ;
  7. }
  8. &: pambuyo {
  9. zomveka : zonse ;
  10. }
  11. }