singa

Ny singa azo ampiasaina am-polony naorina mba hanomezana fitetezana, fanairana, popover, sy ny maro hafa.

Fampitandremana! Ireo doka ireo dia natao ho an'ny v2.3.2, izay tsy tohanana amin'ny fomba ofisialy intsony. Jereo ny kinova farany an'ny Bootstrap!

OHATRA

Safidy fototra roa, miaraka amin'ny karazany roa manokana.

Vondrona bokotra tokana

Fonosy bokotra maromaro miaraka amin'ny .btnin .btn-group.

  1. <div class = "btn-group" >
  2. <button class = "btn" > Ankavia </bt>
  3. <button class = "btn" > Afovoany </button>
  4. <button class = "btn" > Right </button>
  5. </div>

Vondrona bokotra maromaro

Ampifandraiso <div class="btn-group">amin'ny a <div class="btn-toolbar">ho an'ny singa sarotra kokoa.

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

Vondrona bokotra mitsangana

Ataovy mitsangana mitsangana mitsangana fa tsy mitsivalana ny bokotra maromaro.

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

Toeram-pisakafoanana sy radio

Ny vondrona bokotra dia afaka miasa toy ny radio ihany koa, izay bokotra iray ihany no miasa, na boaty fisavana, izay misy bokotra maromaro mety miasa. Jereo ny docs JavaScript momba izany.

Midina anaty vondrona bokotra

Fampitandremana!Ny bokotra misy fidinana dia tsy maintsy amboarina tsirairay ao anatin'ny azy manokana .btn-groupmba .btn-toolbarhandikana araka ny tokony ho izy.

Overview sy ohatra

Mampiasà bokotra iray hanetsika ny menio midina amin'ny alàlan'ny fametrahana azy ao anatin'ny iray .btn-groupary manome ny marika mena.

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

Miasa amin'ny haben'ny bokotra rehetra

Ny fidina bokotra dia miasa amin'ny habeny rehetra: .btn-large, .btn-small, na .btn-mini.

Mila JavaScript

Ny fidina bokotra dia mitaky ny plugin Bootstrap dropdown mba hiasa.

Amin'ny toe-javatra sasany—toy ny finday—dia hiitatra ivelan'ny seranan-tsambo ny menio midina. Mila mamaha ny fampifanarahana amin'ny tanana na amin'ny JavaScript mahazatra ianao.


Fizarana bokotra midina

Miorina amin'ny fomba sy marika vondrona bokotra, afaka mamorona bokotra mizara mora foana isika. Ny bokotra fisarahana dia misy hetsika mahazatra eo amin'ny ankavia ary fidinana midina eo ankavanana miaraka amin'ny rohy contextual.

  1. <div class = "btn-group" >
  2. <button class = "btn" > Action </button>
  3. <button class = "btn dropdown-toggle" data-toggle = "dropdown" >
  4. <span class = "caret" ></span>
  5. </bokotra>
  6. <ul class = "menu dropdown" >
  7. <!-- rohy midina midina -->
  8. </ul>
  9. </div>

habe

Ampiasao ny kilasy bokotra fanampiny .btn-mini, .btn-small, na .btn-largeho an'ny habe.

  1. <div class = "btn-group" >
  2. <button class = "btn btn-mini" > Action </button>
  3. <button class = "btn btn-mini dropdown-toggle" data-toggle = "dropdown" >
  4. <span class = "caret" ></span>
  5. </bokotra>
  6. <ul class = "menu dropdown" >
  7. <!-- rohy midina midina -->
  8. </ul>
  9. </div>

Dropup menus

Ny menio midina ihany koa dia azo afindra avy any amin'ny farany ambany amin'ny fampidirana kilasy tokana amin'ny ray aman-dreny akaiky an'i .dropdown-menu. Izy io dia hanodina ny lalan'ny .caretary hamerenana ny menio mba hifindra avy any ambany miakatra fa tsy ambony midina.

  1. <div class = "btn-group dropup" >
  2. <button class = "btn" > Dropup </button>
  3. <button class = "btn dropdown-toggle" data-toggle = "dropdown" >
  4. <span class = "caret" ></span>
  5. </bokotra>
  6. <ul class = "menu dropdown" >
  7. <!-- rohy midina midina -->
  8. </ul>
  9. </div>

pagination mahazatra

pagination tsotra aingam-panahy avy amin'ny Rdio, tsara ho an'ny fampiharana sy ny valin'ny fikarohana. Ny sakana lehibe dia sarotra adino, mora miendrika, ary manome faritra kitiho lehibe.

  1. <div class = "pagination" >
  2. <ul>
  3. <li><a href = "#" > Teo aloha </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 = "#" > Manaraka </a></li>
  10. </ul>
  11. </div>

FANDIKANA

Fanjakana kilemaina sy mavitrika

Ny rohy dia azo zahana amin'ny toe-javatra samihafa. Ampiasao .disabledho an'ny rohy tsy azo kitihina sy .activehanondroana ny pejy ankehitriny.

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

Azonao atao ny manova ny vatofantsika mavitrika na kilemaina amin'ny elanelam-potoana mba hanesorana ny fampiasa kitiho raha mitazona ny fomba nokasaina.

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

habe

Mitady pagination lehibe kokoa na kely kokoa? Ampio .pagination-large, .pagination-small, na .pagination-minihabe fanampiny.

  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>

Fanitsiana

Ampio ny iray amin'ireo kilasy roa azo atao hanovana ny fampifanarahana ny rohy pagination: .pagination-centeredary .pagination-right.

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

Pager

Rohy haingana teo aloha sy manaraka ho an'ny fampiharana pagination tsotra miaraka amin'ny marika maivana sy fomba. Tena tsara ho an'ny tranokala tsotra toy ny bilaogy na gazetiboky.

Ohatra default

Amin'ny alàlan'ny default, ny pager dia mametraka rohy.

  1. <ul class = "pager" >
  2. <li><a href = "#" > Teo aloha </a></li>
  3. <li><a href = "#" > Manaraka </a></li>
  4. </ul>

Rohy mirindra

Azonao atao koa ny mampifanaraka ny rohy tsirairay amin'ny sisiny:

  1. <ul class = "pager" >
  2. <li class = "teo aloha" >
  3. <a href = "#" > Antitra </a>
  4. </li>
  5. <li class = "manaraka" >
  6. <a href = "#" > Vaovao → </a>
  7. </li>
  8. </ul>

Toetran'ny olona kilemaina

Ny rohy pager koa dia mampiasa ny .disabledkilasin'ny fampiasa amin'ny ankapobeny avy amin'ny pagination.

  1. <ul class = "pager" >
  2. <li class = "kilemaina teo aloha" >
  3. <a href = "#" > Antitra </a>
  4. </li>
  5. ...
  6. </ul>

etikety

etikety fanamarihana
toerana misy anao <span class="label">Default</span>
FETY <span class="label label-success">Success</span>
FAMPITANDREMANA <span class="label label-warning">Warning</span>
ZAVA-DEHIBE <span class="label label-important">Important</span>
Info <span class="label label-info">Info</span>
mitifitra ny mifanohitra <span class="label label-inverse">Inverse</span>

Badges

Anarana OHATRA fanamarihana
toerana misy anao 1 <span class="badge">1</span>
FETY 2 <span class="badge badge-success">2</span>
FAMPITANDREMANA 4 <span class="badge badge-warning">4</span>
ZAVA-DEHIBE 6 <span class="badge badge-important">6</span>
Info 8 <span class="badge badge-info">8</span>
mitifitra ny mifanohitra 10 <span class="badge badge-inverse">10</span>

Mora mirodana

Ho fampiharana mora dia hirodana tsotra izao ny marika sy ny badge (amin'ny alàlan'ny :emptympifidy CSS) rehefa tsy misy atiny ao anatiny.

Hero unit

Singa maivana sy mora azo hanehoana votoaty fototra ao amin'ny tranokalanao. Miasa tsara amin'ny tranokala marketing sy votoaty izy io.

Hello World!

Ity dia singa mahery fo tsotra, singa tsotra amin'ny fomba jumbotron mba hisarika ny saina bebe kokoa amin'ny votoaty na fampahalalana nasongadina.

Hamantatra bebe kokoa

  1. <div class = "hero-unit" >
  2. <h1> Lohateny </h1>
  3. <p> Teny filamatra </p>
  4. <p>
  5. <a class = "btn btn-primary btn-lehibe" >
  6. Hamantatra bebe kokoa
  7. </a>
  8. </p>
  9. </div>

Lohatenin'ny pejy

Akorandriaka tsotra ahafahana h1manasaraka sy mizara ampahany amin'ny atiny amin'ny pejy iray. Izy io dia afaka mampiasa ny h1default small, singa ary koa ny ankamaroan'ny singa hafa (miaraka amin'ny fomba fanampiny).

  1. <div class = "page-header" >
  2. <h1> Lohatenin'ny pejy ohatra <small> Subtext ho an'ny lohapejy </small></h1>
  3. </div>

Tsipika mahazatra

Amin'ny alàlan'ny default, ny thumbnail an'ny Bootstrap dia natao hanehoana sary mifandray miaraka amin'ny marika kely ilaina.

Tena azo namboarina

Miaraka amin'ny marika fanampiny, azo atao ny manampy karazana votoaty HTML toy ny lohateny, fehintsoratra, na bokotra ao anaty thumbnail.

  • 300x200

    Etikety thumbnail

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

    Action Action

  • 300x200

    Etikety thumbnail

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

    Action Action

  • 300x200

    Etikety thumbnail

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

    Action Action

Nahoana no mampiasa thumbnails

Ny thumbnails (teo aloha .media-gridhatramin'ny v1.4) dia tsara ho an'ny grids misy sary na horonan-tsary, valin'ny fikarohana sary, vokatra antsinjarany, portfolios, ary maro hafa. Mety ho rohy na votoaty static izy ireo.

Fanamafisana tsotra sy miovaova

Tsotra ny fanamarihan'ny thumbnail—a ulmisy lisinga maromaro no ilaina. Izy io koa dia tena malefaka, mamela ny karazana atiny rehetra miaraka amin'ny marika kely kokoa hamenoana ny atiny.

Mampiasa ny haben'ny tsanganana grid

Farany, ny singa thumbnails dia mampiasa ny kilasy misy rafitra grid — toa .span2na .span3— mba hifehezana ny refin'ny thumbnail.

fanamarihana

Araka ny voalaza teo aloha, ny marika ilaina amin'ny thumbnails dia maivana sy mahitsy. Ity ny fijerena ny fametrahana default ho an'ny sary mifandray :

  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>

Ho an'ny atiny HTML mahazatra amin'ny thumbnails, miova kely ny marika. Mba hamelana ny votoatin'ny sakana na aiza na aiza, dia avadikay <a>ho <div>toy izao ny:

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

Ohatra bebe kokoa

Tadiavo ny safidinao rehetra miaraka amin'ireo kilasin'ny grid isan-karazany azonao. Azonao atao ihany koa ny mampifangaro sy mampifanaraka habe samihafa.

Fanairana mahazatra

Fenoy ny lahatsoratra rehetra sy ny bokotra fandroahana raha ilaina .alertmba hahazoana hafatra fampitandremana fototra.

fampitandremana! Jereo tsara ny tenanao, tsy dia tsara loatra ianao.
  1. <div class = "alert" >
  2. < karazana bokotra = "bokotra" class = "akaiky" data-dismiss = "fanairana" > × </bokotra>
  3. <strong> Fampitandremana! </strong> Jereo tsara ny tenanao, tsy dia tsara loatra ianao.
  4. </div>

Esory ny bokotra

Mobile Safari sy Mobile Opera browsers, ankoatra nydata-dismiss="alert" toetra, dia mitaky fanalana href="#"fanairana rehefa mampiasa <a>marika.

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

Raha tsy izany, azonao atao ny mampiasa a<button> singa misy ny toetran'ny angona, izay nosafidianay hatao ho an'ny dokanay. Rehefa mampiasa <button>, dia tsy maintsy ampidirinao type="button"na mety tsy alefa ny taratanao.

  1. < karazana bokotra = "bokotra" class = "akaiky" data-dismiss = "fanairana" > × </bokotra>

Esory ny fanairana amin'ny alàlan'ny JavaScript

Ampiasao ny plugin jQuery fampandrenesana mba hanesorana haingana sy mora ny fampandrenesana.


FANDIKANA

Ho an'ny hafatra lava kokoa, ampitomboy ny padding eo amin'ny tampony sy ambany amin'ny fonon'ny fanairana amin'ny alàlan'ny fampidirana .alert-block.

fampitandremana!

Jereo tsara ny tenanao, tsy dia tsara loatra ianao. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

  1. <div class = "alert alert-block" >
  2. < karazana bokotra = "bokotra" class = "akaiky" data-dismiss = "fanairana" > × </bokotra>
  3. <h4> Fampitandremana! </h4>
  4. Jereo tsara ny tenanao, tsy ianao...
  5. </div>

Alternatives contextual

Manampia kilasy azo atao hanovana ny hevitry ny fanairana.

Fahadisoana na loza

Oh snap! Ovay zavatra vitsivitsy ary andramo mandefa indray.
  1. <div class = "alert alert-error" >
  2. ...
  3. </div>

FETY

Vita tsara! Namaky soa aman-tsara ity hafatra fanairana manan-danja ity ianao.
  1. <div class = "alert alert-success" >
  2. ...
  3. </div>

Information

Fampitandremana! Mila ny fifantohanao ity fanairana ity, saingy tsy dia zava-dehibe loatra.
  1. <div class = "alerto alert-info" >
  2. ...
  3. </div>

Ohatra sy marika

Basic

Bara fandrosoan'ny default misy gradient mitsangana.

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

mitsipitsipika

Mampiasa gradient mba hamoronana vokatra mitsipika. Tsy hita ao amin'ny IE7-8.

  1. <div class = "fandrosoana-tsipika" >
  2. <div class = "bar" style = " width : 20 %; " ></div>
  3. </div>

animation

Ampio .activeamin'ny .progress-stripedfamelomana ny tsipika havanana miankavia. Tsy hita amin'ny dikan-teny rehetra amin'ny IE.

  1. <div class = "progress progress-striped active" >
  2. <div class = "bar" style = " width : 40 %; " ></div>
  3. </div>

Mivondrona

Asio bara maromaro ao anatin'ny iray mitovy .progressmba hametahana azy ireo.

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

FANDIKANA

loko fanampiny

Ny bara fandrosoan'ny fandrosoana dia mampiasa bokotra mitovy sy kilasy fanairana ho an'ny fomba tsy miovaova.

  1. <div class = "fandrosoana-info" >
  2. <div class = "bar" style = " sakany : 20 % " ></div>
  3. </div>
  4. <div class = "fandrosoana-fahombiazana" >
  5. <div class = "bar" style = " sakany : 40 % " ></div>
  6. </div>
  7. <div class = "fampitandremana amin'ny fandrosoana" >
  8. <div class = "bar" style = " width : 60 % " ></div>
  9. </div>
  10. <div class = "fandrosoana-loza" >
  11. <div class = "bar" style = " sakany : 80 % " ></div>
  12. </div>

Bara mitsipika

Mitovy amin'ny loko mivaingana, manana barazy fandrosoana mibaribary isan-karazany izahay.

  1. <div class = "progress progress-info progress-striped" >
  2. <div class = "bar" style = " sakany : 20 % " ></div>
  3. </div>
  4. <div class = "fandrosoana fandrosoana-fahombiazana-fandrosoana-striped" >
  5. <div class = "bar" style = " sakany : 40 % " ></div>
  6. </div>
  7. <div class = "fandrosoan'ny fandrosoana-fampitandremana fandrosoana-tsipika" >
  8. <div class = "bar" style = " width : 60 % " ></div>
  9. </div>
  10. <div class = "fandrosoana-fandrosoana-loza" >
  11. <div class = "bar" style = " sakany : 80 % " ></div>
  12. </div>

Fanohanana navigateur

Mampiasa gradients CSS3, transition, ary animations ny bar progresses mba hanatrarana ny vokany rehetra. Ireo endri-javatra ireo dia tsy tohanana amin'ny IE7-9 na dikan-teny taloha an'ny Firefox.

Ny dikan-teny taloha kokoa noho ny Internet Explorer 10 sy Opera 12 dia tsy mahazaka sary mihetsika.

Fomban-javatra manjavozavo amin'ny fananganana karazana singa isan-karazany (toy ny fanehoan-kevitry ny bilaogy, Tweets, sns) izay manasongadina sary mirindra havia na havanana miaraka amin'ny atiny soratra.

Ohatra default

Ny fampahalalam-baovao mahazatra dia mamela ny mitsingevana zavatra media (sary, horonan-tsary, feo) miankavia na havanana amin'ny sakana votoaty.

64x64

Lohatenin'ny haino aman-jery

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

Lohatenin'ny haino aman-jery

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

Lohatenin'ny haino aman-jery

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in 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" > Media heading </h4>
  7. ...
  8.  
  9. <!-- Media objectif -->
  10. <div class = "media" >
  11. ...
  12. </div>
  13. </div>
  14. </div>

Lisitry ny media

Miaraka amin'ny mari-pamantarana fanampiny, azonao atao ny mampiasa media anaty lisitra (ilaina amin'ny kofehy fanehoan-kevitra na lisitry ny lahatsoratra).

  • 64x64

    Lohatenin'ny haino aman-jery

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

    64x64

    Lohatenin'ny haino aman-jery nested

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

    Lohatenin'ny haino aman-jery nested

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

    Lohatenin'ny haino aman-jery nested

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

    Lohatenin'ny haino aman-jery

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
  1. <ul class = "lisitra-media" >
  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" > Media heading </h4>
  8. ...
  9.  
  10. <!-- Media objectif -->
  11. <div class = "media" >
  12. ...
  13. </div>
  14. </div>
  15. </li>
  16. </ul>

lavaka famorian-drano

Ampiasao ny fantsakana ho toy ny effet tsotsotra amin'ny singa iray mba hanomezana effet inset azy.

Jereo fa ao anaty lavaka fantsakana aho!
  1. <div class = "tsara" >
  2. ...
  3. </div>

Kilasy azo atao

Fanaraha-maso ny padding sy ny zorony boribory miaraka amin'ny kilasy modifier roa.

Jereo fa ao anaty lavaka fantsakana aho!
  1. <div class = "tsara be" >
  2. ...
  3. </div>
Jereo fa ao anaty lavaka fantsakana aho!
  1. <div class = "tsara tsara-kely" >
  2. ...
  3. </div>

Akatona kisary

Ampiasao ny kisary akaiky ankapobeny hanesorana votoaty toy ny modals sy fanairana.

  1. <bokotra class = "akaiky" > × </bokotra>

Ny fitaovana iOS dia mitaky hetsika href="#"ho an'ny kitiho raha aleonao mampiasa vatofantsika.

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

Kilasy mpanampy

Kilasy tsotra sy mifantoka ho an'ny fampirantiana kely na fanitsiana fihetsika.

.misintona-havia

Atsipazo singa sisa

  1. class = "misintona-havia"
  1. . misintona - ankavia {
  2. mitsingevana : ankavia ;
  3. }

.misintona-kavanana

Atsipazo miankavanana ny singa iray

  1. class = "misintona havanana"
  1. . misintona - havanana {
  2. mitsingevana : marina ;
  3. }

.moted

Hanova ny lokon'ny singa iray ho#999

  1. class = "mote"
  1. . moana {
  2. loko : #999;
  3. }

.clearfix

Fafao ny floatamin'ny singa rehetra

  1. class = "fanazavana mazava"
  1. . clearfix {
  2. * zoom : 1 ;
  3. &: taloha ,
  4. &: aorian'ny {
  5. aseho : latabatra ;
  6. votoaty : "" ;
  7. }
  8. &: aorian'ny {
  9. mazava : samy ;
  10. }
  11. }