Vaega

Le tele o vaega toe faʻaaogaina ua fausia e tuʻuina atu ai faʻasalalauga, mataala, popovers, ma isi mea.

Faataitaiga

E lua filifiliga fa'avae, fa'atasi ai ma isi suiga fa'apitoa e lua.

kulupu fa'amau tasi

Afifi se faasologa o faamau i .btntotonu .btn-group.

  1. <div class = "btn-group" >
  2. <button class = "btn" > Agagavale </ button>
  3. <button class = "btn" > Middle </button>
  4. <button class = "btn" > Taumatau </ button>
  5. </div>

kulupu fa'amau e tele

Tu'u fa'atasi seti o <div class="btn-group">i le a <div class="btn-toolbar">mo vaega e sili atu ona lavelave.

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

Vaega fa'amau sa'o

Fai se seti o faamau e foliga fa'aputu i luga sa'o nai lo fa'alava.

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

Pusa siaki ma mea'ai leitio

E mafai fo'i ona fa'agaoioi vaega fa'amau e pei o leitio, e na'o le tasi le ki e mafai ona fa'agaoioia, po'o ni pusa siaki, lea e mafai ona ola ai so'o se numera o ki. Va'ai le JavaScript docs mo lena.

Pa'u i lalo i vaega fa'amau

Ulu i luga!O fa'amau o lo'o i lalo e tatau ona afifiina ta'ito'atasi i .btn-grouptotonu o le a .btn-toolbarmo le fa'aliliuga tatau.

Vaaiga lautele ma faataitaiga

Fa'aaogā so'o se fa'amau e fa'aoso ai se lisi fa'amaulalo e ala i le tu'u i totonu o le .btn-groupma tu'u le fa'ailoga o le lisi sa'o.

  1. <div class = "btn-group" >
  2. <a vasega = "btn dropdown-toggle" data-toggle = "pa'ū" href = "#" >
  3. Gaioiga
  4. <span class = "caret" ></span>
  5. </a>
  6. <ul class = "fa'alalo-menu" >
  7. <!-- so'oga fa'ai'u i lalo -->
  8. </ul>
  9. </div>

E galue i le tele o faamau uma

O fa'amau fa'amau i lalo e galue i so'o se tele: .btn-large, .btn-small, po'o .btn-mini.

Manaomia le Javascript

O fa'amau fa'amau e mana'omia le fa'apipi'i pa'u i lalo Bootstrap e fa'atino.

I nisi tulaga-pei o le feavea'i-fa'alalo menus o le a faalautele atu i fafo o le va'aiga. E te mana'omia le fa'amalieina ma le lima po'o le JavaScript masani.


Vaevae fa'amau fa'amau i lalo

Fausia i luga o sitaili kulupu fa'amau ma fa'ailoga, e faigofie ona tatou faia se ki vaelua. O fa'amau vaevae o lo'o fa'aalia ai se gaioiga masani i le agavale ma se pa'u pa'u i lalo i le taumatau ma feso'ota'iga.

  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. </fa'amau>
  6. <ul class = "fa'alalo-menu" >
  7. <!-- so'oga fa'ai'u i lalo -->
  8. </ul>
  9. </div>

Tele

Fa'aaoga vasega fa'aopoopo fa'amau .btn-mini, .btn-small, po'o .btn-largele fa'avasegaina.

  1. <div class = "btn-group" >
  2. <button class = "btn btn-mini" > Fa'atino </ button>
  3. <button class = "btn btn-mini dropdown-toggle" data-toggle = "dropdown" >
  4. <span class = "caret" ></span>
  5. </fa'amau>
  6. <ul class = "fa'alalo-menu" >
  7. <!-- so'oga fa'ai'u i lalo -->
  8. </ul>
  9. </div>

Tu'u mea'ai

E mafai fo'i ona fesuia'i mai le pito i lalo e ala i le fa'aopoopoina o se vasega e tasi i le matua matua o le .dropdown-menu. O le a liliu le itu o le .caretma toe fa'atulaga le lisi lava ia e alu ese mai le pito i luga ae le o luga i lalo.

  1. <div class = "btn-group dropup" >
  2. <button class = "btn" > Pa'u </button>
  3. <button class = "btn dropdown-toggle" data-toggle = "dropdown" >
  4. <span class = "caret" ></span>
  5. </fa'amau>
  6. <ul class = "fa'alalo-menu" >
  7. <!-- so'oga fa'ai'u i lalo -->
  8. </ul>
  9. </div>

Fa'ailoga itulau

Fa'akomepiuta faigofie fa'aosoina e Rdio, lelei mo polokalame ma fa'ai'uga su'esu'e. O le poloka tele e faigata ona misi, faigofie ona faʻaleleia, ma maua ai vaega tetele kiliki.

  1. <div class = "fa'asinomaga" >
  2. <ul>
  3. <li><a href = "#" > Muamua </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 = "#" > Sosoo </a></li>
  10. </ul>
  11. </div>

Filifiliga

Malo le atoatoa ma toaga

O feso'ota'iga e mafai ona fa'atulagaina mo tulaga eseese. Fa'aoga .disabledmo so'oga e le mafai ona kiliki ma fa'ailoa .activele itulau o lo'o iai nei.

  1. <div class = "fa'asinomaga" >
  2. <ul>
  3. <li vasega = "fa'aletonu" ><a href = "#" > « </a></li>
  4. <li class = "active" ><a href = "#" > 1 </a></li>
  5. ...
  6. </ul>
  7. </div>

E mafai ona e suitulaga ese taula ola po'o le le atoatoa mo vaeluaga e aveese ai le fa'aogaina o le kiliki a'o taofi sitaili fuafuaina.

  1. <div class = "fa'asinomaga" >
  2. <ul>
  3. <li class = "fa'aletonu" ><span> « </span></li>
  4. <li class = "active" ><span> 1 </span></li>
  5. ...
  6. </ul>
  7. </div>

Tele

Mana'o e lapopo'a pe la'ititi itulau? Fa'aopoopo .pagination-large, .pagination-small, po'o .pagination-minile tele fa'aopoopo.

  1. <div class = "pagination pagination-large" >
  2. <ul>
  3. ...
  4. </ul>
  5. </div>
  6. <div class = "fa'asinomaga" >
  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>

Fa'atonuga

Fa'aopoopo se tasi o vasega e lua e filifili e sui ai le fa'aogaina o feso'ota'iga pagination: .pagination-centeredma .pagination-right.

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

Pager

So'oga vave muamua ma so'otaga mo fa'atinoga faigofie fa'akomepiuta ma fa'ailoga malamalama ma sitaili. E manaia tele mo nofoaga faigofie e pei o blogs poʻo mekasini.

Fa'ata'ita'iga masani

Ona o le faaletonu, o le pager e totonugalemu sootaga.

  1. <ul class = "pager" >
  2. <li><a href = "#" > Muamua </a></li>
  3. <li><a href = "#" > Sosoo </a></li>
  4. </ul>

So'oga fa'aoga

I le isi itu, e mafai ona e fa'aogaina so'oga ta'itasi i itu:

  1. <ul class = "pager" >
  2. <li vasega = "muamua" >
  3. <a href = "#" > Matua </a>
  4. </li>
  5. <li vasega = "sosoo" >
  6. <a href = "#" > Fou → </a>
  7. </li>
  8. </ul>

Fa'atonu tulaga le atoatoa

O feso'ota'iga Pager e fa'aogaina fo'i le .disabledvasega fa'aoga lautele mai le fa'ailoga.

  1. <ul class = "pager" >
  2. <li class = "fa'ato'ato'a muamua" >
  3. <a href = "#" > Matua </a>
  4. </li>
  5. ...
  6. </ul>

Fa'ailoga

Fa'ailoga Fa'ailoga
Fa'atonu <span class="label">Default</span>
Manuia <span class="label label-success">Success</span>
Lapataiga <span class="label label-warning">Warning</span>
Taua <span class="label label-important">Important</span>
Fa'amatalaga <span class="label label-info">Info</span>
Fa'afeagai <span class="label label-inverse">Inverse</span>

Faailoga

Igoa Faataitaiga Fa'ailoga
Fa'atonu 1 <span class="badge">1</span>
Manuia 2 <span class="badge badge-success">2</span>
Lapataiga 4 <span class="badge badge-warning">4</span>
Taua 6 <span class="badge badge-important">6</span>
Fa'amatalaga 8 <span class="badge badge-info">8</span>
Fa'afeagai 10 <span class="badge badge-inverse">10</span>

Faigofie ona pa'u

Mo le fa'atinoina faigofie, o fa'ailoga ma pine o le a na'o le pa'u (e ala i le CSS's :emptyselector) pe a leai se mea o iai i totonu.

Vaega toa

O se vaega mama, fetuutuunai e faʻaalia ai mea autu i luga o lau 'upega tafaʻilagi. E galue lelei i luga o maketi ma mea-mamafa nofoaga.

Talofa, lalolagi!

O se vaega toa faigofie lea, o se vaega faigofie jumbotron-style mo le vala'au atili atu i mea fa'aalia po'o fa'amatalaga.

Aoao atili

  1. <div class = "toa-unite" >
  2. <h1> Ulutala </h1>
  3. <p> Fa'ailoga igoa </p>
  4. <p>
  5. <a vasega = "btn btn-primary btn-tele" >
  6. Aoao atili
  7. </a>
  8. </p>
  9. </div>

Ulutala itulau

O se atigi faigofie mo se h1avanoa talafeagai ma vaelua vaega o anotusi i luga o se itulau. E mafai ona fa'aogaina le h1's default small, elemene fa'apea le tele o isi vaega (fa'atasi ai ma sitaili fa'aopoopo).

  1. <div class = "itulau-ulutala" >
  2. <h1> Fa'ata'ita'iga ulutala itulau <small> So'oga mo ulutala </small></h1>
  3. </div>

Laiti fa'apitoa

Ona o le faaletonu, ua mamanuina ata laiti a Bootstrap e faʻaalia ata fesoʻotaʻi ma sina faʻailoga manaʻomia.

E sili ona fa'avasegaina

Faatasi ai ma sina faʻailoga faʻaopoopo, e mafai ona faʻaopoopo soʻo se ituaiga o mea HTML pei o ulutala, parakalafa, poʻo faʻamau i totonu o ata.

  • 300x200

    Fa'ailoga laititi

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

    Gaioiga Gaioiga

  • 300x200

    Fa'ailoga laititi

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

    Gaioiga Gaioiga

  • 300x200

    Fa'ailoga laititi

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

    Gaioiga Gaioiga

Aisea e fa'aoga ai ata

O ata laiti (muamua .media-gridseia oo i le v1.4) e lelei tele mo fa'asologa o ata po'o vitiō, fa'ai'uga o su'esu'ega ata, oloa fa'atau oloa, fa'amaumauga, ma le tele o isi mea. E mafai ona avea ma so'oga po'o mea fa'amautu.

Fa'ailoga faigofie, fetu'una'i

E faigofie lava le fa'ailoga o le la'ititi—a ulma so'o se numera o lielemene na'o mea e mana'omia. E sili fo'i ona fetu'una'i, fa'ataga mo so'o se ituaiga o anotusi ma na'o sina fa'ailoga e afifi ai au mea.

Fa'aaoga le tele o koluma fa'asologa

O le mea mulimuli, e fa'aogaina e le vaega o ata laititi vasega o faiga fa'avasega o lo'o iai—pei .span2po'o le .span3—mo le fa'atonutonuina o le tele o ata.

Fa'ailoga

E pei ona taʻua muamua, o le faʻailoga manaʻomia mo ata laiti e mama ma tuusaʻo. O se va'aiga lea i le seti fa'aletonu mo ata feso'ota'i :

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

Mo mea masani HTML i ata, o le faʻailoga e suia teisi. Ina ia faʻataga le poloka poloka i soʻo se mea, matou te fesuiaʻi le <a>mo se <div>faʻapea:

  1. <ul class = "tusia" >
  2. <li vasega = "span4" >
  3. <div class = "tusia" >
  4. <img data-src = "holder.js/300x200" alt = "" >
  5. <h3> Fa'ailoga laititi </h3>
  6. <p> Fa'amatalaga ata... </p>
  7. </div>
  8. </li>
  9. ...
  10. </ul>

E tele fa'ata'ita'iga

Su'esu'e au filifiliga uma i vasega fa'asologa eseese o lo'o avanoa mo oe. E mafai fo'i ona e fa'afefiloi ma fa'afetaui lapo'a eseese.

Fa'aliga fa'aletonu

Afifi so'o se tusitusiga ma se fa'amau fa'ate'a i totonu .alertmo se fe'au fa'alatalata masani.

Lapataiga! E sili le siaki ia oe lava, e te le o lelei tele.
  1. <div class = "talatala" >
  2. <button type = "button" class = "close" data-dismiss = "talatala" > &taimi; </fa'amau>
  3. <strong> Lapataiga! </strong> Sili siaki oe lava ia, e te le o lelei tele.
  4. </div>

Fa'ate'a fa'amau

Mobile Safari ma Mobile Opera suʻesuʻe, faʻaopoopo i le data-dismiss="alert"uiga, e manaʻomia se href="#"mo le faʻateʻaina o faʻasalalauga pe a faʻaaogaina se <a>pine.

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

I le isi itu, e mafai ona e faʻaogaina se <button>elemene ma le faʻamatalaga uiga, lea na matou filifili e fai mo a matou pepa. A fa'aaoga le <button>, e tatau ona e fa'aofi type="button"pe le mafai ona tu'uina atu au fomu.

  1. <button type = "button" class = "close" data-dismiss = "talatala" > &taimi; </fa'amau>

Fa'ate'a fa'aaliga e ala i le JavaScript

Fa'aoga le fa'ailoga jQuery plugin mo le fa'ate'aina vave ma le faigofie o fa'aliga.


Filifiliga

Mo fe'au umi atu, fa'aopoopo le pa'u ile pito i luga ma le pito i lalo ole afifi mataala e ala ile fa'aopoopo .alert-block.

Lapataiga!

E sili le siaki ia oe lava, e te le o lelei tele. Nulla vitae elit libero, a pharetra augue. O le mea lea, o le mea moni, o le mea moni, o le fa'asoaina atu ma isi.

  1. <div class = "poloka mataala" >
  2. <button type = "button" class = "close" data-dismiss = "talatala" > &taimi; </fa'amau>
  3. <h4> Lapataiga! </h4>
  4. E sili le siaki oe lava ia, e te le...
  5. </div>

Su'ega fa'atatau

Fa'aopoopo vasega fa'apitoa e sui ai le uiga o le mataala.

Sese pe lamatia

Oi vave! Suia ni nai mea ma toe taumafai e lafo.
  1. <div class = "alert alert-error" >
  2. ...
  3. </div>

Manuia

Malo lava! Na e faitauina ma le manuia lenei savali mataala taua.
  1. <div class = "alert alert-success" >
  2. ...
  3. </div>

Fa'amatalaga

Ulu i luga! O lenei mataala e manaʻomia lou gauai, ae e le sili ona taua.
  1. <div class = "alert alert-info" >
  2. ...
  3. </div>

Fa'ata'ita'iga ma fa'ailoga

Fa'avae

Pa'u fa'agasolo aga'i fa'atasi ma le fa'asolo sa'o.

  1. <div class = "agai i luma" >
  2. <div class = "bar" style = " lautele : 60 %; " ></div>
  3. </div>

Talatala

Fa'aaogā se fa'ali'i e fai ai se fa'aa'oa'oga fa'ailoga. E le maua ile IE7-8.

  1. <div class = "fa'agasolo i luma-siva" >
  2. <div class = "bar" style = " lautele : 20 %; " ></div>
  3. </div>

Animated

Fa'aopoopo .activei .progress-stripede fa'aola ai ta'i taumatau i le agavale. E le maua i vaega uma o le IE.

  1. <div class = "agai i luma-striped active" >
  2. <div class = "bar" style = " lautele : 40 %; " ></div>
  3. </div>

Fa'aputu

Tuu le tele o pa i totonu e tasi .progresse faaputu ai.

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

Filifiliga

Fa'aopoopo lanu

E fa'aogaina e pa o le alualu i luma nisi o ki tutusa ma vasega mataala mo sitaili faifai pea.

  1. <div class = "agai i luma-info" >
  2. <div class = "bar" style = " lautele : 20 % " ></div>
  3. </div>
  4. <div class = "agai i luma-manuia" >
  5. <div class = "bar" style = " lautele : 40 % " ></div>
  6. </div>
  7. <div class = "agai i luma-lapataiga" >
  8. <div class = "bar" style = " lautele : 60 % " ></div>
  9. </div>
  10. <div class = "agai i luma-tulaga lamatia" >
  11. <div class = "bar" style = " lautele : 80 % " ></div>
  12. </div>

Fa'amau sasa

E tutusa ma lanu mafiafia, e iai a matou pa'u fa'asolosolo laina eseese.

  1. <div class = "agai i luma-fa'amatalaga alualu i luma-siva" >
  2. <div class = "bar" style = " lautele : 20 % " ></div>
  3. </div>
  4. <div class = "agai i luma-manuia alualu i luma-sese" >
  5. <div class = "bar" style = " lautele : 40 % " ></div>
  6. </div>
  7. <div class = "agai i luma-lapataiga alualu i luma-siva" >
  8. <div class = "bar" style = " lautele : 60 % " ></div>
  9. </div>
  10. <div class = "agai i luma-tulaga lamatia-gailuma" >
  11. <div class = "bar" style = " lautele : 80 % " ></div>
  12. </div>

Lagolago su'esu'e

Fa'aoga pa o le alualu i luma CSS3 gradients, suiga, ma fa'afiafiaga e ausia uma ai o latou aafiaga. O nei foliga e le lagolagoina i le IE7-9 poʻo faʻasologa tuai o Firefox.

Fa'aliliuga muamua atu nai lo Internet Explorer 10 ma Opera 12 e le lagolagoina fa'afiafiaga.

Sitaili mea faitino mo le fausiaina o ituaiga eseese o vaega (pei o faʻamatalaga blog, Tweets, ma isi) o loʻo faʻaalia ai se ata agavale poʻo taumatau faʻatasi ma tusitusiga.

Fa'ata'ita'iga masani

O le ala fa'asalalau fa'aletonu e mafai ai ona fa'afefe se mea fa'asalalau (ata, vitiō, leo) i le agavale po'o le taumatau o se poloka anotusi.

64x64

Ulutala fa'asalalau

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

Ulutala fa'asalalau

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

Ulutala fa'asalalau

Cras sat amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum i vulputate ma, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis i faucibus.
  1. <div class = "faasalalauga" >
  2. <a vasega = "toso-agavale" 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. <!-- Nested media object -->
  10. <div class = "faasalalauga" >
  11. ...
  12. </div>
  13. </div>
  14. </div>

Lisi fa'asalalau

Fa'atasi ai ma sina fa'ailoga fa'aopoopo, e mafai ona e fa'aogaina fa'asalalauga i totonu o le lisi (fa'aoga mo fa'amatalaga filo po'o lisi o tala).

  • 64x64

    Ulutala fa'asalalau

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

    64x64

    Ulutala fa'asalalau fa'aputu

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

    Ulutala fa'asalalau fa'aputu

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

    Ulutala fa'asalalau fa'aputu

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

    Ulutala fa'asalalau

    Cras sat amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum i vulputate ma, tempus viverra turpis.
  1. <ul class = "faasalalauga-lisi" >
  2. <li vasega = "media" >
  3. <a vasega = "toso-agavale" 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. <!-- Nested media object -->
  11. <div class = "faasalalauga" >
  12. ...
  13. </div>
  14. </div>
  15. </li>
  16. </ul>

Vaieli

Fa'aoga le vaieli e fai ma fa'aoga faigofie i luga o se elemene e tu'uina atu i ai se aafiaga fa'aofi.

Vaai, ua ou i totonu o se vaieli!
  1. <div class = "lelei" >
  2. ...
  3. </div>

Vasega faitalia

Pulea padding ma tulimanu lapotopoto faatasi ai ma ni vasega se lua e suia.

Vaai, ua ou i totonu o se vaieli!
  1. <div class = "lelei lelei-tele" >
  2. ...
  3. </div>
Vaai, ua ou i totonu o se vaieli!
  1. <div class = "lelei lelei-laititi" >
  2. ...
  3. </div>

Tapuni aikona

Fa'aoga le fa'aigoa tapuni lautele mo le fa'ate'aina o mea e pei o fa'ata'ita'iga ma fa'aaliga.

  1. <button class = "close" > &taimi; </fa'amau>

O masini iOS e mana'omia se href="#"mo kiliki mea e tutupu pe afai e te mana'o e fa'aoga se taula.

  1. <a vasega = "latalata" href = "#" > &taimi; </a>

Vasega fesoasoani

Vasega faigofie, taula'i mo fa'aaliga laiti po'o le tweaks amio.

.toso-agavale

Fa'afefe se elemene i le agavale

  1. vasega = "toso-agavale"
  1. . toso - agavale {
  2. opeopea : agavale ;
  3. }

.toso-taumatau

Fa'afea sa'o se elemene

  1. vasega = "toso-taumatau"
  1. . toso - taumatau {
  2. opeopea : taumatau ;
  3. }

.faalogo

Suia le lanu o se elemene i#999

  1. vasega = "muted"
  1. . gūgū {
  2. lanu : #999;
  3. }

.clearfix

Fa'amama le floati luga o so'o se elemene

  1. vasega = "clearfix"
  1. . fa'alelei {
  2. * zoom : 1 ;
  3. &: muamua ,
  4. &: ina ua {
  5. fa'aaliga : laulau ;
  6. anotusi : "" ;
  7. }
  8. &: ina ua {
  9. manino : lua ;
  10. }
  11. }