Nusiwo le eme

Wotu akpa gbogbo aɖewo siwo woate ŋu azã ake ɖe Bootstrap me be woana mɔfiamewo, nuxlɔ̃amewo, popovers, kple bubu geɖe.

Abɔta ƒe ƒuƒoƒowo

Zã abɔta ƒe ƒuƒoƒowo nàtsɔ aƒo abɔta geɖe nu ƒu ɖekae abe akpa ɖeka si wowɔ ɖekae ene. Tu wo kple <a>alo <button>nusiwo kplɔ wo nɔewo ɖo.

Nuwɔna nyuitɔwo kekeake

Míele aɖaŋu ɖom na mɔfiame siwo gbɔna le abɔta ƒe ƒuƒoƒowo kple dɔwɔnuwo zazã ŋu:

  • Zã nu ɖeka ma ke le abɔta ƒe ƒuƒoƒo ɖeka me ɣesiaɣi, <a>alo <button>.
  • Mègatsaka abɔta siwo ƒe amadede to vovo le abɔta ƒe ƒuƒoƒo ɖeka me o.
  • Zã nɔnɔmetatawo tsɔ kpe ɖe nuŋɔŋlɔ ŋu alo ɖe wo teƒe, gake kpɔ egbɔ be de alt kple tanya ƒe nuŋɔŋlɔ ɖe eme le afisi wòasɔ le.

Ele be woayɔ Button ƒuƒoƒo siwo do ƒome kple esiwo me woɖea nu le (kpɔ ete) ɖe vovo eye woatsɔ caret si le tsia dzi ade eme ɣesiaɣi atsɔ afia nuwɔna si woɖo be woawɔ.

Kpɔɖeŋu si woɖo ɖi

Alesi HTML la dia abɔta ƒe ƒuƒoƒo si wozãna ɖaa si wotu kple seke ƒe dzesi ƒe abɔtawoe nye esi:

  1. <div klass = "btn-ƒuƒoƒo" >
  2. <bɔt ƒe hatsotso = "btn" > 1 </bɔt>
  3. <bɔt ƒe hatsotso = "btn" > 2 </bɔt>
  4. <bɔt ƒe hatsotso = "btn" > 3 </bɔt>
  5. </div> ƒe nyawo

Dɔwɔnu ƒe kpɔɖeŋu

Tsɔ hatsotsowo ƒo ƒu <div class="btn-group">ɖe a me <div class="btn-toolbar">hena akpa siwo sesẽ wu.

  1. <div klass = "btn-dɔwɔnu ƒe ƒuƒoƒo" >
  2. <div klass = "btn-ƒuƒoƒo" >
  3. ...
  4. </div> ƒe nyawo
  5. </div> ƒe nyawo

Dzesiɖaka kple radio dzi viviwo

Abɔta ƒe ƒuƒoƒowo ate ŋu awɔ dɔ abe radiowo hã ene, afisi abɔta ɖeka koe ate ŋu anɔ dɔ wɔm le, alo dzesiɖakawo, afisi abɔta agbɔsɔsɔme ɖesiaɖe ate ŋu anɔ dɔ wɔm le. Kpɔ Javascript ƒe nuŋlɔɖiwo hena ema.

Na javascript la nasu asiwò »

Nusiwo wotsɔna ƒua gbe le abɔta ƒe ƒuƒoƒowo me

Tawo yi dzi! Ele be woaxatsa abɔta siwo dzi woɖea nu le la ɖekaɖeka ɖe woawo ŋutɔ .btn-groupƒe a me .btn-toolbarbe woaɖe wo gɔme nyuie.

Abɔta siwo le fli dzi

Kpɔɖeŋuwo kple kpɔɖeŋuwo

Zã abɔta ɖesiaɖe nàtsɔ aʋu menu si le fli dzi la to edada ɖe a me .btn-groupeye nàna menu ƒe dzesi nyuitɔ nana.

Kpɔɖeŋu dzesidede

Abe alesi wòle le abɔta ƒe ƒuƒoƒo gome ene la, míaƒe dzesi zãa abɔta ƒe dzesi si wozãna edziedzi, gake wotsɔa asi ʋɛ aɖewo kpena ɖe eŋu tsɔ trɔa asi le atsyãa ŋu eye wòdoa alɔ Bootstrap ƒe jQuery ƒe kpeɖeŋutɔ si le tsia dzi la.

  1. <div klass = "btn-ƒuƒoƒo" >
  2. <a class = "btn ƒe ʋuʋudedi-trɔtrɔ" data-trɔtrɔ = "ɖiɖiɖeme" href = "#" >
  3. Nuwɔwɔ
  4. <span ƒe hatsotso = "caret" ></span>
  5. </a>
  6. <ul klass = "nusiwo le tsia dzi" >
  7. <!-- menu ƒe kadodo siwo le fli dzi -->
  8. </ul> ƒe nyawo
  9. </div> ƒe nyawo

Ewɔa dɔ kple abɔta ƒe lolomewo katã

Button dropdowns wɔa dɔ le lolome ɖesiaɖe me. wò abɔta ƒe lolomewo nye .btn-large, .btn-small, alo .btn-mini.

Ebia be woawɔ javascript

Abɔtawo ƒe ʋuʋu bia be Bootstrap ƒe ʋuƒoa nawɔ dɔ.

Le go aɖewo me—abe asitelefon ene—nu siwo wotsɔna ƒoa nu la akeke ɖe enu ayi nukpɔkpɔa godo. Ele be nàtsɔ asi alo atsɔ javascript si wowɔ ɖe ɖoɖo nu akpɔ vovototoa gbɔ.


Ma abɔta ƒe akpa siwo le tsia dzi

Kpɔɖeŋuwo kple kpɔɖeŋuwo

Ne míetu abɔta ƒe ƒuƒoƒo ƒe atsyãwo kple dzesidede dzi la, míate ŋu awɔ abɔta si me mã bɔbɔe. Split buttons ɖea nuwɔna si wozãna ɖaa le miame kple dropdown toggle le ɖusime kple nya siwo ƒo xlãe ƒe kadodowo.

Agbɔsɔsɔmewo

Zã abɔta ƒe klass siwo kpe ɖe eŋu .btn-mini, .btn-small, alo .btn-largehena lolome ƒe lolome.

  1. <div klass = "btn-ƒuƒoƒo" >
  2. ...
  3. <ul class = "nu si le tsia dzi la he-ɖusime" >
  4. <!-- menu ƒe kadodo siwo le fli dzi -->
  5. </ul> ƒe nyawo
  6. </div> ƒe nyawo

Kpɔɖeŋu dzesidede

Míekekea abɔta ƒe ʋuʋudedi siwo sɔ la ɖe enu be míana abɔta ƒe dɔwɔwɔ evelia si wɔa dɔ abe ʋuʋudedi ƒe ʋuʋudedi si le vovo ene.

  1. <div klass = "btn-ƒuƒoƒo" >
  2. <button class = "btn" > Dɔwɔwɔ </button>
  3. <button class = "btn ʋuʋudedi-trɔtrɔ" data-trɔtrɔ = "ɖiɖiɖeme" >
  4. <span ƒe hatsotso = "caret" ></span>
  5. </button> ƒe dzesi
  6. <ul klass = "nusiwo le tsia dzi" >
  7. <!-- menu ƒe kadodo siwo le fli dzi -->
  8. </ul> ƒe nyawo
  9. </div> ƒe nyawo

Menu siwo wotsɔna ƒua gbe

Woate ŋu atrɔ asi le nuɖuɖu siwo le tsia dzi hã ŋu tso anyime yi dzi to klass ɖeka tsɔtsɔ kpe ɖe dzila si le .dropdown-menu. Atrɔ mɔfiame si le la .careteye wòatrɔ asi le nuɖuɖua ŋutɔ ŋu be wòaʋu tso anyime yi dzi tsɔ wu be wòaʋu tso dziƒo ayi anyime.

  1. <div klass = "btn-ƒuƒoƒo ƒe ʋuʋu" >
  2. <button class = "btn" > Nusiwo wotsɔna ƒua gbe < /button>
  3. <button class = "btn ʋuʋudedi-trɔtrɔ" data-trɔtrɔ = "ɖiɖiɖeme" >
  4. <span ƒe hatsotso = "caret" ></span>
  5. </button> ƒe dzesi
  6. <ul klass = "nusiwo le tsia dzi" >
  7. <!-- menu ƒe kadodo siwo le fli dzi -->
  8. </ul> ƒe nyawo
  9. </div> ƒe nyawo

Multicon-axawo ƒe axawo dzi

Ɣekaɣie woazãe

Ultra bɔbɔe kple minimally styled axawo ʋã Rdio, nyui na apps kple didi me tsonu. Blɔk gã la sesẽ be woato eme, woate ŋu atrɔ asi le eŋu bɔbɔe, eye wònaa teƒe gã siwo woate ŋu akli nu le.

Axa ƒe kadodo siwo le nɔnɔme me

Woate ŋu atrɔ asi le kadodowo ŋu eye wowɔa dɔ le nɔnɔme geɖe me kple klass nyuitɔ. .disabledna kadodo siwo dzi womate ŋu azi o kple .activeaxa si li fifia.

Ðoɖowɔwɔ ɖe ɖoɖo nu si te ŋu trɔna ɖe nɔnɔmewo ŋu

Tsɔ klass eve siwo nàte ŋu atia la dometɔ ɖeka kpee be nàtrɔ axawo ƒe kadodowo ƒe ɖoɖo: .pagination-centeredkple .pagination-right.

Kpɔɖeŋuwo

Axawo ƒe akpa si woɖo ɖi la te ŋu trɔna ɖe nɔnɔmewo ŋu eye wòwɔa dɔ le tɔtrɔ geɖe me.

Dzesidede dzesiwo

Ne woxatsa ɖe <div>axawo dzi la, axadzinɔnɔ nye <ul>.

  1. <div klass = "axadzinɔnɔ" >
  2. <ul> ƒe nyawo
  3. <li><a href = "#" > Do ŋgɔ </a></li>
  4. <li klass = "dɔwɔwɔ" >
  5. <a href = "#" > 1 </a>
  6. </li> ƒe akpa aɖe
  7. <li><a href = "#" > 2 </a></li>
  8. <li><a href = "#" > 3 </a></li>
  9. <li><a href = "#" > 4 ​​</a></li>
  10. <li><a href = "#" > Nusi kplɔe ɖo </a></li>
  11. </ul> ƒe nyawo
  12. </div> ƒe nyawo

Pager Na kadodo siwo do ŋgɔ kple esiwo kplɔe ɖo kabakaba

Ku ɖe pager ŋu

Pager ƒe akpaa nye kadodowo ƒe ƒuƒoƒo na axadzinɔnɔ ƒe dɔwɔwɔ bɔbɔewo kple dzesidede kekeli kple atsyã siwo le bɔbɔe wu gɔ̃ hã. Enyo ŋutɔ na nyatakakadzraɖoƒe bɔbɔewo abe blog alo magazinewo ene.

Nɔnɔme si nye nuwɔametɔ si woate ŋu atia

Pager kadodowo hã zãa general .disabledclass tso axadzinɔnɔ me.

Kpɔɖeŋu si woɖo ɖi

Le gɔmedzedzea me la, pager la tsɔa kadodowo ɖoa titina.

  1. <ul klass = "pager" >
  2. <li> ƒe nyawo
  3. <a href = "#" > Do ŋgɔ </a>
  4. </li> ƒe akpa aɖe
  5. <li> ƒe nyawo
  6. <a href = "#" > Nusi kplɔe ɖo </a>
  7. </li> ƒe akpa aɖe
  8. </ul> ƒe nyawo

Kadodo siwo woɖo ɖe ɖoɖo nu

Alo àte ŋu aɖo kadodo ɖesiaɖe ɖe axawo dzi:

  1. <ul klass = "pager" >
  2. <li klass = "do ŋgɔ" >
  3. <a href = "#" > kple ame bubuwo; Tsitsi </a>
  4. </li> ƒe akpa aɖe
  5. <li klass = "si kplɔe ɖo" >
  6. <a href = "#" > Yeyetɔ kekeake → </a>
  7. </li> ƒe akpa aɖe
  8. </ul> ƒe nyawo
Ŋkɔwo ƒe ŋkɔwo Dzesidede dzesiwo
Gᴐmedzeƒe <span class="label">Default</span>
Dzidzedzekpᴐkpᴐ <span class="label label-success">Success</span>
Kpɔnyuiedodo <span class="label label-warning">Warning</span>
Le veviẽ <span class="label label-important">Important</span>
Nyatakaka <span class="label label-info">Info</span>
Trɔ ɖe megbe <span class="label label-inverse">Inverse</span>

Ku ɖe

Akɔtagbalẽviwo nye nu suesuesue siwo le bɔbɔe siwo wotsɔ ɖea dzesi alo xexlẽdzesi aɖe ƒomevi fiana. Wokpɔa wo zi geɖe le e-mail asisiwo abe Mail.app alo asitelefon dɔwɔɖoɖowo dzi hena push notifications.

Klass siwo li

Ŋkɔ Kpɔɖeŋu Dzesidede dzesiwo
Gᴐmedzeƒe 1. <span class="badge">1</span>
Dzidzedzekpᴐkpᴐ 2. <span class="badge badge-success">2</span>
Kpɔnyuiedodo 4. <span class="badge badge-warning">4</span>
Le veviẽ 6. <span class="badge badge-important">6</span>
Nyatakaka 8 <span class="badge badge-info">8</span>
Trɔ ɖe megbe 10 <span class="badge badge-inverse">10</span>

Kalẽtɔ ƒe akpa aɖe

Bootstrap naa akpa aɖe si le bɔbɔe, si te ŋu trɔna bɔbɔe si woyɔna be kalẽtɔ ƒe akpa aɖe be wòaɖe nyatakaka siwo le wò nyatakakadzraɖoƒea afia. Ewɔa dɔ nyuie le asitsatsa kple nyatakakadzraɖoƒe siwo me nyatakakawo sɔ gbɔ ɖo la dzi.

Dzesidede dzesiwo

Kpe wò nyatakakawo ɖe divlike me ale:

  1. <div klass = "kalẽtɔ-habɔbɔ" >
  2. <h1> Tanya </h1>
  3. <p> Tagline </p>
  4. <p> ƒe nyawo
  5. <a klass = "btn btn-gbãtɔ btn-lolo" >
  6. Srɔ̃ nu geɖe tso eŋu
  7. </a>
  8. </p> ƒe nyawo
  9. </div> ƒe nyawo

Mido gbe nam, xexeame!

Esia nye kalẽtɔ ƒe akpa bɔbɔe aɖe, si nye jumbotron ƒe atsyã ƒe akpa bɔbɔe aɖe si wotsɔ hea susu yia nya alo nyatakaka siwo woɖe fia dzi geɖe wu.

Srɔ̃ nu geɖe tso eŋu

Axa ƒe tanya

Shell bɔbɔe aɖe na an h1be wòaɖe dometsotso si sɔ ɖe eme eye wòama emenyawo ƒe akpawo me le axa aɖe dzi. Ateŋu azã h1's default small, element kpakple akpa bubu akpa gãtɔ (kple atsyã bubuwo).

  1. <div class = "axa-tanya" >
  2. <h1> Kpɔɖeŋu axa ƒe tanya </h1>
  3. </div> ƒe nyawo

Nɔnɔmetata sue siwo woɖo ɖi

Le gɔmedzedzea me la, wowɔ Bootstrap ƒe nɔnɔmetata suewo be woaɖe nɔnɔmetata siwo do ƒome kple wo nɔewo afia kple dzesi suetɔ kekeake si hiã.

Woate ŋu atrɔ asi le eŋu ŋutɔ

Ne ède dzesii vie la, àte ŋu atsɔ HTML me nyawo ƒomevi ɖesiaɖe abe tanyawo, memamawo, alo abɔtawo akpe ɖe nɔnɔmetata suewo ŋu.

  • Nɔnɔmetata suewo ƒe dzeside

    Cras justo odio, dapibus ac facilisis le, egestas eget quam. Donec id elit non mi porta gravida le eget metus me. Nullam id dolor id nibh ultricies ʋuwo ut id elit.

    Nuwɔwɔ Nuwɔwɔ

  • Nɔnɔmetata suewo ƒe dzeside

    Cras justo odio, dapibus ac facilisis le, egestas eget quam. Donec id elit non mi porta gravida le eget metus me. Nullam id dolor id nibh ultricies ʋuwo ut id elit.

    Nuwɔwɔ Nuwɔwɔ

Nukatae nàzã nɔnɔmetata suewo

Nɔnɔmetata suewo (siwo nɔ anyi tsã .media-gridvaseɖe v1.4) nyo ŋutɔ na foto alo videowo ƒe grids, nɔnɔmetatawo didi ƒe nyatakakawo, asitsanuwo, agbalẽdzraɖoƒewo, kple bubu geɖe. Woate ŋu anye kadodowo alo nyatakaka siwo meʋãna o.

Dzesidededzesi si le bɔbɔe, si te ŋu trɔna ɖe nɔnɔmewo ŋu

Nɔnɔmetata suewo ƒe dzesidede le bɔbɔe—a ulsi me nu agbɔsɔsɔme ɖesiaɖe le likoe nye nusi hiã. Eye wònye super flexible hã, si ɖea mɔ na nyatakaka ƒomevi ɖesiaɖe kple dzesidede vi aɖe ko be wòaxatsa wò emenyawo.

Zãa grid ƒe sɔtiwo ƒe lolomewo

Mlɔeba la, nɔnɔmetata suewo ƒe akpaa zãa grid system ƒe hatsotso siwo li xoxo—abe .span2alo .span3—hena nɔnɔmetata suewo ƒe didimewo dzi kpɔkpɔ.

Dzesideŋkɔa

Abe alesi míegblɔe va yi ene la, dzesidenu si hiã na nɔnɔmetata suewo la le bɔbɔe eye wòle tẽ. Kpɔ ɖoɖo si woɖo ɖi na nɔnɔmetata siwo do ƒome kple wo nɔewo la ɖa :

  1. <ul class = "nɔnɔmetata suewo" >
  2. <li ƒe hatsotso = "span3" >
  3. <a href = "#" klass = "nɔnɔmetata sue" >
  4. <img src = "Aʋawɔnyawo Gbɔkpɔƒe ƒe teƒe si wole/260x180" alt = "" >
  5. </a>
  6. </li> ƒe akpa aɖe
  7. ...
  8. </ul> ƒe nyawo

Le HTML me nyatakaka siwo wowɔ ɖe ɖoɖo nu le nɔnɔmetata suewo me gome la, dzesidea trɔna vie. Be míaɖe mɔ na block level content le afi sia afi la, míeɖɔlia the <a>ɖe <div>like so:

  1. <ul class = "nɔnɔmetata suewo" >
  2. <li ƒe hatsotso = "span3" >
  3. <div class = "nɔnɔmetata sue" >
  4. <img src = "Aʋawɔnyawo Gbɔkpɔƒe ƒe teƒe si wole/260x180" alt = "" >
  5. <h5> Nɔnɔmetata suewo ƒe dzeside </h5>
  6. <p> Nɔnɔmetata suewo ƒe nuŋɔŋlɔ le afisia tututu... </p>
  7. </div> ƒe nyawo
  8. </li> ƒe akpa aɖe
  9. ...
  10. </ul> ƒe nyawo

Kpɔɖeŋu bubuwo

Dzro wò tiatiawɔblɔɖewo katã me kple grid ƒe klass vovovo siwo li na wò. Àte ŋu atsaka kple lolome vovovowo hã ahawɔ wo ɖekae.

Defaultwo ƒe kpekpeme le bɔbɔe

Wogbugbɔ ŋlɔ gɔmeɖoanyi ƒe klass

Le Bootstrap 2 me la, míewɔ gɔmeɖoanyi ƒe hatsotso la bɔbɔe: .alertɖe .alert-message. Míeɖe dzesi suetɔ kekeake si hiã hã dzi kpɔtɔ—ao <p>mehiã le gɔmedzedzea me o, gotagometɔ koe <div>.

Nuxlɔ̃ame gbedasi ɖeka

Le akpa si nɔa anyi didina wu kple kɔda ʋɛ aɖewo ko la, míeɖe vovototodedeameme ƒe dzedzeme ɖa na mɔxexeɖenu ƒe nuxlɔ̃amewo, gbedasi siwo va kple padding geɖe wu kple zi geɖe la, nuŋɔŋlɔ geɖe wu. Klass la hã trɔ zu .alert-block.


Ezɔna nyuie kple javascript

Bootstrap va kple jQuery ƒe kpeɖeŋutɔ gã aɖe si doa alɔ nuxlɔ̃ame gbedasiwo, si wɔnɛ be wo ɖeɖeɖa kabakaba eye wònɔa bɔbɔe.

Na plugin la nasu asiwò »

Kpɔɖeŋu nuxlɔ̃amewo

Kpe wò gbedasi kple dzesi si nàte ŋu atsɔ axe mɔ ɖe enu ɖe ​​div me kple klass bɔbɔe.

Kpɔnyuiedodo! Best check yo self, mèle dzedzem nyuie akpa o.
  1. <div klass = "nuxlɔ̃ame" >
  2. <button class = "tu" data-dismiss = "nuxlɔ̃ame" > × </button>
  3. <strong> Nuxlɔ̃ame! </strong> Best check yo self, mèle dzedzem nyuie akpa o.
  4. </div> ƒe nyawo

Tawo yi dzi! iOS dɔwɔnuwo bia be href="#"woaɖe asi le nuxlɔ̃amewo ŋu. Kpɔ egbɔ be yede eya kple nyatakaka ƒe nɔnɔme na anchor close icons la eme. Alo àte ŋu azã <button>element aɖe si me data attribute le, si míetia be míawɔ na míaƒe docs. Ne èle , zãm <button>la, ele be nàde eme type="button"alo wò agbalẽviwo mate ŋu aɖoe ɖa o.

Keke nuxlɔ̃ame gbedasi si wozãna ɖaa la ɖe enu bɔbɔe kple klass eve siwo nàte ŋu atia: .alert-blockna padding kple nuŋɔŋlɔ dzi kpɔkpɔ geɖe wu kple .alert-headingna tanya si sɔ.

Kpɔnyuiedodo!

Best check yo self, mèle dzedzem nyuie akpa o. Nulla vitae elit libero, si nye lãgbalẽ si nye augue. Praesent commodo cursus magna, vel scelerisque nisl ƒe ƒuƒoƒo kple.

  1. <div class = "nuxlɔ̃ame nuxlɔ̃ame-mɔxexe" >
  2. <a klass = "tu" data-dismiss = "nuxlɔ̃ame" href = "#" > × </a>
  3. <h4 class = "nuxlɔ̃ame-tanya" > Nuxlɔ̃ame! </h4> ƒe nyawo
  4. Best check yo self, wò menye...
  5. </div> ƒe nyawo

Nya siwo ƒo xlãe ƒe mɔnu bubuwo Tsɔ klass siwo woate ŋu atia kpee be nàtrɔ nuxlɔ̃ame ƒe gɔmesese

Vodada alo afɔku

Oo, ʋuʋu! Trɔ nu ʋɛ aɖewo ɖe dzi eye nàgadze agbagba aɖoe ɖa ake.
  1. <div class = "nuxlɔ̃ame nuxlɔ̃ame-vodada" >
  2. ...
  3. </div> ƒe nyawo

Dzidzedzekpᴐkpᴐ

Ewɔ nyuie! Èxlẽ nuxlɔ̃ame gbedasi vevi sia dzidzedzetɔe.
  1. <div class = "nuxlɔ̃ame-dzidzedzekpɔkpɔ" >
  2. ...
  3. </div> ƒe nyawo

Numeɖeɖe

Tawo yi dzi! Nuxlɔ̃ame sia hiã be nàlé ŋku ɖe eŋu, gake menye nu vevi aɖe ŋutɔe wònye o.
  1. <div class = "nuxlɔ̃ame-nyatakaka" >
  2. ...
  3. </div> ƒe nyawo

Kpɔɖeŋuwo kple dzesidede

Gɔmedzenu

Default progress bar kple tsitrenu ƒe ʋuʋudedi.

  1. <div klass = "ŋgɔyiyi" >
  2. <div ƒe klass = "bar".
  3. style = " kekeme : 60 %; " ></div>
  4. </div> ƒe nyawo

Ʋuʋudediwo le eŋu

Zãa gradient tsɔ wɔa striped effect (IE aɖeke mele eme o).

  1. <div class = "ŋgɔyiyi ŋgɔyiyi-striped" >
  2. <div ƒe klass = "bar".
  3. style = " kekeme : 20 %; " ></div>
  4. </div> ƒe nyawo

Animaɖenuŋu

Exɔa kpɔɖeŋu si le fli me eye wòwɔa agbe nɛ (IE aɖeke meli o).

  1. <div class = "ŋgɔyiyi ŋgɔyiyi- dzesi."
  2. le dɔ wɔm" >
  3. <div ƒe klass = "bar".
  4. style = " kekeme : 40 %; " ></div>
  5. </div> ƒe nyawo

Tiatiawɔblɔɖe kple browser ƒe kpekpeɖeŋu

Amadede bubuwo kpee

Ŋgɔyiyi ƒe dzesiwo zãa abɔta kple nuxlɔ̃ame ƒe klass ɖeka mawo ke dometɔ aɖewo hena atsyã siwo mewɔa tɔtrɔ o.

Ati siwo ŋu fli le

Abe alesi wòle le amadede sesẽawo gome ene la, ŋgɔyiyi ƒe ʋuƒo vovovo siwo ŋu fli le la le mía si.

Nuwᴐna

Ŋgɔyiyi ƒe dzesiwo zãa CSS3 ƒe tɔtrɔwo, eyata ne ètrɔ asi le kekeme ŋu le mɔ si trɔna nu to javascript dzi la, atrɔ eƒe lolome bɔbɔe.

Ne èzã .activeklass la, wò .progress-stripedŋgɔyiyi ƒe dzesiwo ana fliawo nawɔ dɔ le miame yi ɖusime.

Browser ƒe kpekpeɖeŋu

Ŋgɔyiyi ƒe dzesiwo zãa CSS3 ƒe ʋuʋudediwo, tɔtrɔwo, kple nɔnɔmetatawo tsɔ ɖoa ​​woƒe ŋusẽkpɔɖeamedziwo katã gbɔ. Womewɔa dɔ siawo le IE7-9 alo Firefox ƒe tɔtrɔ xoxowo me o.

Opera kple IE mewɔa dɔ le animations ŋu le ɣeyiɣi sia me o.

Vudowo

Zã vudoa abe ŋusẽkpɔɖeamedzi bɔbɔe aɖe ɖe nu vevi aɖe dzi ene be wòana wòakpɔ ŋusẽ ɖe nusi wotsɔ de eme dzi.

Kpɔ ɖa, vudo aɖe mee mele!
  1. <div klass = "enyo" >
  2. ...
  3. </div> ƒe nyawo

Kplɔ dzesi la nu

Zã generic close icon hena gbegbe nyatakakawo abe modals kple nuxlɔ̃amewo ene.

  1. <button class = "tu" > &ɣeyiɣiwo; </button> ƒe dzesi

iOS dɔwɔnuwo hiã href="#" na click nudzɔdzɔwo ne èdi be yeazã anchor boŋ.

  1. <a klass = "tu" href = "#" > &ɣeyiɣiwo; </a>