Wotu akpa siwo wu wuieve siwo woate ŋu azã ake be woana nɔnɔmetatawo, nusiwo le tsia dzi, nyawo tsɔtsɔ de eme ƒe ƒuƒoƒowo, mɔfiamewo, nuxlɔ̃amewo, kple bubu geɖe.
Glyphicons ƒe nuŋɔŋlɔwo
Glyph siwo li
Glyph siwo wu 250 le nuŋɔŋlɔ ƒe nɔnɔme me tso Glyphicon Halflings ƒe ƒuƒoƒoa me le eme. Glyphicons Halflings menye femaxee zi geɖe o, gake wo wɔla na wo li na Bootstrap femaxee. Abe akpedada ene la, ɖeko míele biabiam be nàde kadodo aɖe si atrɔ ayi Glyphicons la eme ɣesiaɣi si wòanya wɔ.
Le dɔwɔwɔ ta la, nɔnɔmetatawo katã hiã gɔmeɖoanyi ƒe hatsotso kple dzesi ɖekaɖeka ƒe hatsotso. Be nàzãe la, da kɔda si gbɔna la ɖe afi sia afi kloe. Kpɔ egbɔ be yegblẽ teƒe aɖe ɖe dzesi la kple nuŋɔŋlɔa dome be woatsɔ ablae nyuie.
Mègatsaka kple akpa bubuwo o
Womate ŋu atsɔ dzesi ƒe hatsotsowo aƒo ƒu kple akpa bubuwo tẽ o. Mele be woazã wo kpe ɖe klass bubuwo ŋu le element ɖeka ma ke dzi o. Ke boŋ, tsɔ nested kpee <span>eye nàwɔ dzesi ƒe hatsotsoawo ŋudɔ ɖe <span>.
Ðeko woazã ɖe nu ƒuƒluwo dzi
Ele be woazã dzesi ƒe hatsotsowo ɖe nusiwo me nuŋɔŋlɔ ƒe nya aɖeke mele o eye vi ƒe akpa aɖeke mele o dzi ko.
Trɔtrɔ dzesi ƒe ŋɔŋlɔdzesi ƒe teƒe
Bootstrap tsɔe be dzesi ƒe nuŋɔŋlɔ ƒe faɛlwo anɔ ../fonts/agbalẽdzraɖoƒea, ne wotsɔe sɔ kple CSS faɛl siwo woƒo ƒu. Ʋuʋu alo ŋkɔ yeye na ŋɔŋlɔdzesiwo ƒe faɛl mawo fia be nàtrɔ asi le CSS la ŋu to mɔ etɔ̃awo dometɔ ɖeka dzi:
Trɔ @icon-font-pathkple/alo @icon-font-nametɔtrɔwo le dzɔtsoƒe Less faɛlwo me.
Zã tiatia ɖesiaɖe si asɔ na wò ŋgɔyiyi ƒe ɖoɖo tɔxɛa nyuie wu.
Nɔnɔmetata siwo ŋu woate ŋu aɖo
Kpekpeɖeŋunamɔ̃wo ƒe egbegbe tɔtrɔwo aɖe gbeƒã nyatakaka siwo CSS wɔ, kpakple Unicode ŋɔŋlɔdzesi tɔxɛwo. Be míaƒo asa na nusiwo womeɖo o eye wotɔtɔa ame le screen readers me (vevietɔ ne wozã nɔnɔmetatawo hena atsyɔ̃ɖoɖo ko la), míeɣlaa wo kple aria-hidden="true"nɔnɔmea.
Ne èle dzesi zãm tsɔ le gɔmesese gblɔm (ke menye abe atsyɔ̃ɖoɖo ƒe akpa aɖe ko ene o), kpɔ egbɔ be gɔmesese sia hã le mɔ̃ɖaŋununya siwo kpena ɖe ame ŋu la gbɔgblɔm – le kpɔɖeŋu me, tsɔ nya bubuwo kpe ɖe eŋu, siwo woɣla ɖe nukpɔkpɔ me kple .sr-onlyklass la.
Ne èle dziɖuɖuwo wɔm siwo me nuŋɔŋlɔ bubu aɖeke mele o (abe a <button>si me dzesi aɖe koe le ene) la, ele be nàna nyatakaka bubuwo ɣesiaɣi be nàde dzesi taɖodzinu si le dziɖuɖua ŋu, ale be gɔmesese nanɔ eme na kpekpeɖeŋunamɔ̃ɖaŋunuwo zãlawo. Le go sia me la, àte ŋu atsɔ aria-labelnɔnɔme aɖe akpe ɖe dziɖuɖua ŋutɔ ŋu.
Kpɔɖeŋuwo
Zã wo le abɔtawo, abɔtiwo ƒe ƒuƒoƒo me na dɔwɔnu ƒe akpa aɖe, mɔfiamewo, alo agbalẽvi siwo woŋlɔ do ŋgɔ ƒe nuŋɔŋlɔwo me.
Dzesi si wozãna le nuxlɔ̃ame me tsɔ ɖenɛ fiana be vodada ƒe gbedasie, kple .sr-onlynuŋɔŋlɔ bubuwo tsɔ gblɔa aɖaŋuɖoɖo sia na kpekpeɖeŋunamɔ̃wo zãlawo.
Vodada:Ŋlɔ e-mail adrɛs si sɔ
Nusiwo wotsɔna ƒua gbe
Menu si woate ŋu atrɔ, si le nya siwo ƒo xlãe me hena kadodowo ƒe xexlẽdzesiwo ɖeɖefia. Wowɔe be wòawɔ dɔ kple JavaScript ƒe kpeɖeŋutɔ si le fli dzi .
Kpɔɖeŋu
Kpe fli si le fli dzi la ƒe trigger kple nu si le fli dzi la ɖe .dropdown, alo nu bubu si ɖe gbeƒã position: relative;. Emegbe nàtsɔ menu la ƒe HTML akpe ɖe eŋu.
Le gɔmedzedzea me la, woɖoa nusiwo le tsia dzi la ɖe teƒe si le eɖokui si 100% tso etame kple edzila ƒe miame. Tsɔ kpe .dropdown-menu-rightɖe a .dropdown-menuŋu yi ɖusime ɖo fli si le fli dzi la ɖe ɖoɖo nu.
Ðewohĩ abia be woaɖo teƒe bubuwo ɖe teƒe bubu
Woɖoa nusiwo wotsɔna ƒua gbe ɖe teƒea le wo ɖokui si to CSS dzi le nuŋlɔɖia ƒe sisi si sɔ me. Esia fia be dzila siwo si nɔnɔme aɖewo le ateŋu atso dropdowns overflowalo adze le viewport ƒe liƒowo godo. Kpɔ nya siawo gbɔ le ɖokuiwò si ne wodo mo ɖa.
Womeɖe .pull-rightmɔ ɖe ɖoɖo nu o
Tso v3.1.0 dzi la, míeɖe asi le nu .pull-rightsiwo le fli dzi ŋu. Ne èdi be yeaɖo menu aɖe ɖe ɖusime la, zã .dropdown-menu-right. Nav ƒe akpa siwo woɖo ɖe ɖusime le navbar la me zãa klass sia ƒe mixin tɔ tsɔ ɖoa menu la ɖe ɖoɖo nu le eɖokui si. Be nàɖe asi le eŋu la, zã .dropdown-menu-left.
Tanyawo
Tsɔ tanya kpee be nàde dzesi nuwɔna ƒe akpawo le nu ɖesiaɖe si le fli dzi me.
Ƒo abɔta siwo kplɔ wo nɔewo ɖo ɖe fli ɖeka dzi kple abɔta ƒe ƒuƒoƒoa. Tsɔ JavaScript radio kple aɖaka ƒe atsyã ƒe nuwɔna si nètia la kpe ɖe eŋu kple míaƒe abɔtawo ƒe kpeɖeŋutɔ .
Dɔwɔnu ƒe aɖaŋuɖoɖowo & popovers le button ƒuƒoƒowo me bia ɖoɖo tɔxɛ aɖe
Ne èle dɔwɔnu ƒe aɖaŋuɖoɖowo alo popovers zãm ɖe element siwo le a me ŋu .btn-groupla, ahiã be nàgblɔ tiatia si nàwɔ container: 'body'be nàƒo asa na nugbegblẽ le ame ŋu siwo mèdi o (abe element la ƒe tsitsi keke ɖe enu kple/alo eƒe dzogoe siwo le goglo la ƒe bu ne wodze tooltip alo popover la gɔme ene).
Kpɔ egbɔ be esɔ roleeye nàna dzesidenu
Be mɔ̃ɖaŋununya siwo kpena ɖe ame ŋu – abe screen readers ene – naɖee afia be woƒo abɔta siwo kplɔ wo nɔewo ɖo nu ƒu la, roleele be woana nɔnɔme si sɔ. Le abɔta ƒuƒoƒowo gome la, esia anye role="group", esime ele be dɔwɔnu ƒe ƒuƒoƒowo nakpɔ role="toolbar".
Ðeka si to vovoe nye ƒuƒoƒo siwo me dziɖuɖu ɖeka koe le (le kpɔɖeŋu me, abɔta ƒe ƒuƒoƒo siwo woɖo ɖi kple <button>nusiwo le eme) alo nusi wotsɔna ƒua gbe.
Tsɔ kpe ɖe eŋu la, ele be woana dzeside si me kɔ tẽ ƒuƒoƒowo kple dɔwɔnuwo, elabena ne menye nenema o la, kpekpeɖeŋunamɔ̃ akpa gãtɔ maɖe gbeƒã wo o, togbɔ be nɔnɔme si sɔ la li rolehã. Le kpɔɖeŋu siwo wona le afisia me la, míezãa aria-label, gake woate ŋu azã mɔnu bubuwo abe alesi aria-labelledbywoate ŋu azãe ene hã.
Kpɔɖeŋu vevi aɖe
Kpe abɔta siwo kplɔ wo nɔewo ɖo kple .btnin .btn-group.
Dɔwɔnu ƒe akpa si le abɔta
Tsɔ hatsotsowo ƒo ƒu <div class="btn-group">ɖe a me <div class="btn-toolbar">hena akpa siwo sesẽ wu.
Sizing ƒe lolome
Le esi teƒe be nàwɔ abɔta ƒe lolome ƒe klasswo ŋudɔ ɖe abɔta ɖesiaɖe ŋu le ƒuƒoƒo aɖe me la, ɖeko nàtsɔe akpe .btn-group-*ɖe ɖesiaɖe ŋu .btn-group, ne èle ƒuƒoƒo geɖe ƒom hã le eme.
Atɔwɔwɔ
Da a .btn-groupɖe bubu me .btn-groupne èdi be woatsɔ nu siwo le tsia dzi la tsaka kple abɔta siwo kplɔ wo nɔewo ɖo.
Na abɔtawo ƒe ƒuƒoƒo aɖe nakeke ɖe enu wòalolo sɔsɔe be wòaxɔ edzila ƒe kekeme bliboa. Azɔ hã, ewɔa dɔ kple abɔta siwo le abɔta ƒe ƒuƒoƒoa me.
Liƒowo gbɔ kpɔkpɔ
Le HTML kple CSS tɔxɛ siwo wozãna tsɔ ɖoa kpe abɔtawo dzi (si nye display: table-cell) ta la, wo dome liƒowo dzina ɖe edzi zi gbɔ zi eve. Le button ƒuƒoƒo siwo wowɔna edziedzi me la, margin-left: -1pxwozãnɛ tsɔ ƒoa liƒoawo nu ƒu ɖe wo nɔewo dzi tsɔ wu be woaɖe wo ɖa. Ke hã, marginmewɔa dɔ kple display: table-cell. Esia wɔe be le wò tɔtrɔ ɖe Bootstrap ŋu nu la, àte ŋu aɖe liƒoawo ɖa alo agbugbɔ amadede aɖo wo me.
IE8 kple liƒowo
Internet Explorer 8 meɖea liƒowo fiana le abɔtawo dzi le abɔta ƒe ƒuƒoƒo si sɔ me o, eɖanye le dzi <a>alo <button>nu veviwo me o. Be nàte ŋu aƒo asa na ema la, xatsa abɔta ɖesiaɖe ɖe bubu .btn-groupme .
Ne wozã <a>nuawo tsɔ wɔa dɔ abe abɔtawo ene – si hea axaa me dɔwɔwɔ vɛ, tsɔ wu be woazɔ mɔ ayi nuŋlɔɖi alo akpa bubu si le axa si li fifia me la – ele be woana role="button".
Kple <button>nu veviwo
Be nàzã abɔta ƒe ƒuƒoƒo siwo sɔ kple <button>nusiwo le eme la, ele be nàxatsa abɔta ɖesiaɖe ɖe abɔta ƒe ƒuƒoƒo me . Browser akpa gãtɔ mewɔa míaƒe CSS ŋudɔ nyuie hena dzɔdzɔenyenye na <button>elementwo o, gake esi míedoa alɔ button dropdowns ta la, míate ŋu awɔ dɔ tso ema ŋu.
Abɔta siwo le fli dzi
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.
Plugin ƒe ŋuɖoɖo ɖe eŋu
Abɔta siwo le tsia dzi la abia be woatsɔ fli si le tsia dzi la ade wò Bootstrap ƒe tɔtrɔ yeyea me.
Abɔti ɖeka ƒe ʋuʋudediwo
Trɔ abɔta aɖe wòazu nusi wotsɔna trɔa asi le nu ŋu kple dzesidenu vevi aɖewo ƒe tɔtrɔ.
Keke nuŋlɔɖigbalẽviwo dzi kpɔkpɔ ɖe enu to nuŋɔŋlɔ alo abɔtawo tsɔtsɔ kpe ɖe eŋu do ŋgɔ, emegbe, alo le akpa eveawo dzi le nuŋɔŋlɔ ɖesiaɖe si wotu ɖe <input>edzi me . Zãe .input-groupkple .input-group-addonalo .input-group-btntsɔ do ŋgɔ alo tsɔ nusiwo le eme kpe ɖe ɖeka .form-controlŋu .
Nuŋɔŋlɔ <input>s ɖeɖeko
Ƒo asa na elementwo zazã <select>le afisia elabena womateŋu awɔ woƒe atsyã bliboe le WebKit browserwo me o.
Ƒo asa na elementwo zazã <textarea>le afisia elabena rowswomade bubu woƒe nɔnɔme ŋu le go aɖewo me o.
Dɔwɔnu ƒe aɖaŋuɖoɖowo & popovers le nyawo tsɔtsɔ de eme ƒe ƒuƒoƒowo me bia ɖoɖo tɔxɛ aɖe
Ne èle dɔwɔnu ƒe aɖaŋuɖoɖowo alo popovers zãm ɖe element siwo le an me dzi .input-groupla, ahiã be nàgblɔ tiatia si nàwɔ container: 'body'be nàƒo asa na nugbegblẽ le ame ŋu siwo mèdi o (abe element la ƒe tsitsi keke ɖe enu kple/alo eƒe dzogoe siwo le goglo la ƒe bu ne wodze dɔwɔnu ƒe nya alo popover la gɔme ene).
Mègatsaka kple akpa bubuwo o
Mègatsaka nuŋlɔɖi ƒe ƒuƒoƒowo alo grid kɔlam ƒe hatsotsowo tẽ kple nyawo tsɔtsɔ de eme ƒe ƒuƒoƒowo o. Ke boŋ, tsɔ nyawo tsɔtsɔ de eme ƒe ƒuƒoƒoa de agbalẽvi ƒe ƒuƒoƒo alo nusi do ƒome kple grid la me.
Tsɔ dzesidewo kpee ɣesiaɣi
Screen readers akpɔ kuxi le wò agbalẽviwo ŋu ne mède dzesidenu ɖesiaɖe si nèŋlɔ la ŋu o. Le nyawo tsɔtsɔ de eme ƒe ƒuƒoƒo siawo gome la, kpɔ egbɔ be wotsɔ dzeside alo dɔwɔwɔ bubu ɖesiaɖe si kpe ɖe eŋu la yi na kpekpeɖeŋunamɔ̃ɖaŋunuwo.
Mɔnu si tututu woazã (nu siwo woate ŋu akpɔ <label>, <label>nusiwo woɣla to .sr-onlyklass la zazã me, alo aria-label, aria-labelledby, aria-describedby, titlealo placeholdernɔnɔmea zazã) kple nyatakaka bubu siwo wòahiã be woatsɔ ayi na amewo la ato vovo le ƒomedodo ƒe widget ƒomevi si tututu nèle dɔ wɔm la nu. Kpɔɖeŋu siwo le akpa sia me na mɔnu ʋɛ aɖewo siwo wodo ɖa, siwo ku ɖe nya aɖewo koŋ ŋu.
Kpɔɖeŋu vevi aɖe
Da kpeɖeŋutɔ alo abɔta ɖeka ɖe nyawo tsɔtsɔ de eme ƒe akpa eveawo. Àte ŋu atsɔ ɖeka hã ade nya aɖe si wotsɔ de eme ƒe akpa eveawo.
Míedoa alɔ kpeɖeŋutɔ geɖe ( .input-group-addonalo .input-group-btn) le akpa ɖeka dzi o.
Míedoa alɔ form-control geɖe le nyawo tsɔtsɔ de eme ƒe ƒuƒoƒo ɖeka me o.
Sizing ƒe lolome
Tsɔ nɔnɔme ƒe lolome ƒe hatsotso siwo sɔ kple wo nɔewo kpe ɖe .input-groupeya ŋutɔ ŋu eye emenyawo le eme atrɔ woƒe lolome le eɖokui si—mehiã be nàgbugbɔ nuŋlɔɖi ƒe lolome dzi kpɔkpɔ ƒe hatsotsowo agbugbɔ le nu ɖesiaɖe dzi o.
Dzesiɖakawo kple radio dzi kpeɖeŋutɔwo
De dzesiɖaka alo radio ƒe tiatia ɖesiaɖe ɖe nyawo tsɔtsɔ de eme ƒe ƒuƒoƒo aɖe ƒe kpeɖeŋutɔ me ɖe nuŋɔŋlɔ teƒe.
Button ƒe kpeɖeŋutɔwo
Abɔta siwo le nyawo tsɔtsɔ de eme ƒe ƒuƒoƒowo me to vovo vie eye wobia be woawɔ atɔ ƒe ɖoɖo ɖeka kpee. Le esi teƒe .input-group-addonbe nàzã , ahiã be nàzã .input-group-btnatsɔ abla abɔtaawo. Esia hiã le web-browser ƒe atsyã siwo woɖo ɖi siwo womate ŋu atrɔ asi le o ta.
Abɔta siwo dzi woŋlɔ nu ɖo
Abɔta siwo woma ɖe akpa vovovowo me
Abɔta geɖe
Togbɔ be kpeɖeŋutɔ ɖeka koe nàte ŋu atsɔ akpe ɖe akpa ɖesiaɖe ŋu hã la, àte ŋu akpɔ abɔta geɖe le ɖeka .input-group-btnme .
Navs
Navs siwo le Bootstrap me la ma markup, dze egɔme tso gɔmeɖoanyi .navƒe klass dzi, kpakple nɔnɔme siwo woama. Trɔ asi le tɔtrɔ ƒe hatsotsowo ŋu be nàtrɔ ɖe atsyã ɖesiaɖe dome.
Navs zazã na tab panels bia JavaScript tabs plugin
Le tab siwo me tabba ƒe teƒewo le gome la, ele be nàzã tab siwo nye JavaScript plugin . Dzesi la hã abia rolenɔnɔme bubuwo kple ARIA – kpɔ plugin ƒe kpɔɖeŋu dzesi hena numeɖeɖe bubuwo.
Na navs siwo wozãna abe mɔfiamewo ene la nanye esiwo ŋu woate ŋu aɖo
Ne èle navs zãm tsɔ le mɔfiame ƒe dzesi nam la, kpɔ egbɔ be yetsɔ a kpe role="navigation"ɖe dzila ƒe nugoe si me susu le wu ŋu le <ul>, alo xatsa nu <nav>aɖe ɖe mɔfiame bliboa ŋu. Mègatsɔ akpaa akpe ɖe <ul>eya ŋutɔ ŋu o, elabena esia axe mɔ na mɔ̃ɖaŋununya siwo kpena ɖe ame ŋu be woaɖe gbeƒãe be enye xexlẽdzesi ŋutɔŋutɔ o.
Tabwo ƒe ƒuƒoƒo
De dzesii be .nav-tabsklass la bia .navgɔmeɖoanyi ƒe klass la.
Na tab alo atikekuiwo nasɔ kple wo dzila ƒe kekeme bɔbɔe le screen siwo keke wu 768px kple .nav-justified. Le screen suewo dzi la, woƒoa nav kadodoawo nu ƒu ɖe wo nɔewo dzi.
Navbar nav kadodo siwo woɖo ɖi la mele dɔ wɔm fifia o.
Safari kple ŋuɖoɖo ƒe dzɔdzɔenyenye navs
Tso v9.1.2 dzi la, Safari ɖe vodada aɖe fia si me wò web-browser ƒe lolome tɔtrɔ le tsia dzi hea gɔmeɖeɖe ƒe vodadawo vɛ le nav si woɖo ɖi la me siwo woɖena ne wogbugbɔ trɔ asi le eŋu. Woɖe vodada sia hã fia le nav ƒe kpɔɖeŋu si woɖo ɖi la me .
Navbars nye meta akpa siwo ɖoa nya ŋu siwo nyea mɔfiamewo ƒe tanyawo na wò dɔwɔɖoɖo alo nyatakakadzraɖoƒea. Wodzea egɔme dzea anyi (eye woate ŋu atrɔ wo) le asitelefon dzi nukpɔkpɔwo me eye wozua tsia dzi ne nukpɔkpɔ ƒe kekeme si li la le dzidzim ɖe edzi.
Navbar nav kadodo siwo woɖo ɖi la mele dɔ wɔm fifia o.
Nyatakaka siwo sɔ gbɔ ɖe eme
Esi Bootstrap menya teƒe agbɔsɔsɔme si nyatakaka siwo le wò navbar me hiã o ta la, àte ŋu ado go nyawo le nyatakakawo babla ɖe fli evelia me ŋu. Be nàkpɔ esia gbɔ la, àte ŋu:
Trɔ teƒe si wò navbar la trɔna le collapsed kple horizontal mode dome. Trɔ asi le @grid-float-breakpointtɔtrɔa ŋu alo nàtsɔ wò ŋutɔ wò media biabia akpe ɖe eŋu.
Ebia be nàzã JavaScript ƒe kpeɖeŋutɔ
Ne wotu JavaScript eye nukpɔkpɔa le kpuie ale gbegbe be navbar la nadze anyi la, manya wɔ be nàkeke navbar la ɖe enu ahakpɔ emenyawo le .navbar-collapse.
Navbar si ɖoa nya ŋu la bia be woatsɔ collapse plugin la ade wò Bootstrap ƒe tɔtrɔ yeyea me.
Trɔ asi le asitelefon ƒe navbar ƒe gbagbãƒe si mu la ŋu
Navbar la dzena ɖe eƒe asitelefon ƒe nukpɔkpɔ si le tsitrenu me ne nukpɔkpɔ ƒe ʋɔtrua le kpuie wu @grid-float-breakpoint, eye wòkekena ɖe eƒe nukpɔkpɔ si menye asitelefon o le tsia dzi me ne nukpɔkpɔa ƒe @grid-float-breakpointkekeme ya teti. Trɔ asi le tɔtrɔ sia ŋu le Less dzɔtsoƒe me be nàkpɔ ne navbar la dze anyi/keke ɖe enu. Asixɔxɔ si woɖo ɖi enye 768px("sue" alo "tablet" ƒe screen suetɔ kekeake).
Na navbarwo nanɔ bɔbɔe
Kpɔ egbɔ be yezã <nav>element aɖe alo, ne èle element si nye nusi bɔ wu abe a ene zãm la <div>, tsɔ a kpe role="navigation"ɖe navbar ɖesiaɖe ŋu be nàde dzesii tẽ be enye nuto si ɖe dzesi na kpekpeɖeŋu mɔ̃ɖaŋunuwo zãlawo.
Adzɔnu ƒe dzeside ƒe nɔnɔmetata
Tsɔ wò ŋutɔ wò nɔnɔmetata ɖɔ li navbar ƒe dzesi to nuŋɔŋlɔa ɖɔliɖɔli kple <img>. Esi wònye be the .navbar-brandla ŋutɔ ƒe padding kple kɔkɔme le esi ta la, ɖewohĩ ahiã be nàɖe asi le CSS aɖewo ŋu le wò nɔnɔmetata la nu.
Kpekpeɖeŋugbalẽviwo
Da agbalẽvia me nyawo ɖe eme .navbar-formhena tsitrenu ƒe ɖoɖo nyuitɔ kple nuwɔna si wogbã le nukpɔkpɔ ƒe ʋɔtru kpuiwo me. Zã ɖoɖowɔwɔ ƒe tiatiaawo nàtsɔ atso nya me le afisi wòle le navbar me nyawo me ŋu.
Abe ta ɖe dzi ene la, .navbar-formma eƒe code ƒe akpa gãtɔ kple .form-inlinevia mixin. Kpeɖodzinu aɖewo, abe nyawo tsɔtsɔ de eme ƒe ƒuƒoƒowo ene, ateŋu abia be woaɖe kekeme siwo woɖo ɖi la afia nyuie le navbar me.
Asitelefon dzi nuxlɔ̃amewo
Nuxlɔ̃ame aɖewo li ku ɖe nuŋlɔɖiwo dzi kpɔkpɔ zazã le nusiwo woɖo ɖi me le asitelefonwo dzi ŋu. Kpɔ míaƒe browser support docs hena numeɖeɖe bubuwo.
Tsɔ dzesidewo kpee ɣesiaɣi
Screen readers akpɔ kuxi le wò agbalẽviwo ŋu ne mède dzesidenu ɖesiaɖe si nèŋlɔ la ŋu o. Le agbalẽvi siawo siwo le fli me gome la, àte ŋu aɣla dzesideawo to .sr-onlyklass la zazã me. Mɔnu bubuwo li siwo dzi woato ana dzeside na mɔ̃ɖaŋununya siwo kpena ɖe ame ŋu, abe aria-label, aria-labelledbyalo titlenɔnɔme ene. Ne esiawo dometɔ aɖeke mele eme o la, screen readers ate ŋu azã placeholdernɔnɔmea, ne ele eme, gake de dzesii be placeholderwomeɖo aɖaŋu be woazãe atsɔ aɖo dzesidemɔnu bubuwo teƒe o.
Abɔtawo ƒe ƒuƒoƒo
Tsɔ .navbar-btnklass la kpe ɖe <button>elements siwo mele a me o <form>ŋu be nàde titina le tsitrenu le navbar la me.
Nya siwo ƒo xlãe zazã koŋ
Abe standard button classes , .navbar-btnwoateŋu azã le <a>kple <input>elements. Gake .navbar-btnmele be woazã alo abɔta ƒe hatsotso siwo wozãna ɖaa la ɖe <a>nusiwo le .navbar-nav.
Nuŋɔɖi
Kpe nuŋɔŋlɔ ƒe kawo ɖe element aɖe me kple .navbar-text, zi geɖe la, ɖe <p>dzesidenu dzi hena ŋgɔdonya kple amadede nyuitɔ.
Kadodo siwo menye nav tɔ o
Le folks zãa standard links siwo mele regular navbar navigation component me o la, zã .navbar-linkklass la tsɔ kpe ɖe amadede siwo sɔ ŋu na default kple inverse navbar tiatiaawo.
Kpeɖeŋutɔ ƒe ɖoɖowɔwɔ ɖe ɖoɖo nu
Ðo nav kadodowo, agbalẽviwo, abɔtawo, alo nuŋɔŋlɔwo ɖe ɖoɖo nu, to .navbar-leftalo .navbar-rightdɔwɔnu ƒe klasswo zazã me. Klass eveawo siaa atsɔ CSS float akpe ɖe eŋu le mɔ si woɖo la nu. Le kpɔɖeŋu me, be nàɖo nav kadodowo ɖe ɖoɖo nu la, tsɔ wo de vovototo <ul>me kple utility class si wozã.
Klass siawo nye mixin-ed versions of .pull-leftand .pull-right, gake wole scoped na media biabia hena navbar ƒe akpawo gbɔ kpɔkpɔ bɔbɔe le mɔ̃ ƒe lolomewo katã me.
Akpa geɖe ƒe ɖoɖowɔwɔ ɖe ɖoɖo nu le ɖusime
Navbars ƒe seɖoƒe li fifia kple .navbar-rightklass geɖewo. Be míate ŋu ade vovototo emenyawo me nyuie la, míezãa margin negative ɖe .navbar-rightelement mamlɛtɔa dzi. Ne nu geɖewo li siwo zãa klass ma la, margin siawo mewɔa dɔ abe alesi woɖoe ene o.
Míagbugbɔ ŋku alé ɖe esia ŋu ne míete ŋu gbugbɔ ŋlɔ akpa ma le v4 me.
Woɖɔe ɖo ɖe etame
Tsɔ alo kpe ɖe titina kple pad navbar me nyawo ŋu eye nàde wo eme .navbar-fixed-top..container.container-fluid
Ŋutilã ƒe nutrenu hiã
Navbar si woɖo ɖi la atsyɔ wò nyatakaka bubuawo dzi, negbe ɖe nètsɔe kpe paddingɖe <body>. Te wò ŋutɔ wò dzidzenuwo kpɔ alo zã míaƒe akpa aɖe si le ete. Kpekpeɖeŋu: Le gɔmedzedzea me la, navbar la ƒe kɔkɔme nye 50px.
Kpɔ egbɔ be yede esia eme le Bootstrap CSS vevi la megbe.
Woɖɔe ɖo ɖe ete
Tsɔ alo kpe ɖe titina kple pad navbar me nyawo ŋu eye nàde wo eme .navbar-fixed-bottom..container.container-fluid
Ŋutilã ƒe nutrenu hiã
Navbar si woɖo ɖi la atsyɔ wò nyatakaka bubuawo dzi, negbe ɖe nètsɔe kpe paddingɖe <body>. Te wò ŋutɔ wò dzidzenuwo kpɔ alo zã míaƒe akpa aɖe si le ete. Kpekpeɖeŋu: Le gɔmedzedzea me la, navbar la ƒe kɔkɔme nye 50px.
Kpɔ egbɔ be yede esia eme le Bootstrap CSS vevi la megbe.
Static ƒe tame
Wɔ navbar si keke blibo si aʋu kple axaa to alo to titina kple pad navbar me nyawo tsɔtsɔ kpee .navbar-static-topkple wo dede eme me..container.container-fluid
To vovo na .navbar-fixed-*klassawo la, mehiã be nàtrɔ padding aɖeke le body.
Navbar si wogbugbɔ trɔ
Trɔ asi le navbar la ƒe dzedzeme ŋu to .navbar-inverse.
Abolomegbawo
Fia afi si axa si li fifia le le mɔfiamewo ƒe ɖoɖo aɖe me.
Wotsɔa mamalawo kpena ɖe wo nɔewo ŋu le CSS me to :beforekple content.
Na axawo ƒe kadodowo na wò nyatakakadzraɖoƒea alo dɔwɔnua kple axa geɖe ƒe axawo ƒe akpaa, alo pager ƒe mɔnu si le bɔbɔe wu .
Axawo ƒe ɖoɖo si woɖo ɖi
Axa bɔbɔe siwo tso Rdio gbɔ, enyo ŋutɔ na dɔwɔɖoɖowo kple numekuku me tsonu. Block gã la sesẽ be woato eŋu, woate ŋu atrɔ asi le eŋu bɔbɔe, eye wònaa teƒe gã siwo woate ŋu akli nu le.
Dede dzesi axadzinuŋɔŋlɔ ƒe akpaa
Ele be woaxatsa axadzinɔnɔ ƒe akpaa ɖe <nav>akpa aɖe me be wòade dzesii be enye mɔfianu ƒe akpa si dzi woato akpɔ nuxlẽlawo kple mɔ̃ɖaŋununya bubu siwo akpe ɖe ame ŋu. Tsɔ kpe ɖe eŋu la, esi wònye be anɔ eme be axa aɖe ƒe akpa mawo ƒe mɔfiamewo ƒe akpa siwo wu ɖeka anɔ anyi xoxo (abe mɔfiame gbãtɔ si le tanya la me, alo axadzinuŋɔŋlɔ) ene la, anyo be nàna numeɖeɖe aɖe aria-labelna <nav>esi ɖe eƒe taɖodzinu fia. Le kpɔɖeŋu me, ne wozã axadzinɔnɔ ƒe akpaa tsɔ zɔ mɔ le nyatakaka siwo nèdi ƒe hatsotso aɖe dome la, ŋkɔ si sɔ ate ŋu anye aria-label="Search results pages".
Nuwɔametɔwo kple nɔnɔme siwo le dɔ wɔm
Woate ŋu atrɔ asi le kadodowo ŋu na nɔnɔme vovovowo. Zãe .disabledna kadodo siwo dzi màte ŋu azi o eye .activenàtsɔ afia axa si dzi nèle fifia.
Míele aɖaŋu ɖom be nàɖɔli seke siwo le dɔ wɔm alo esiwo mewɔ dɔ o la ɖe <span>, alo nàɖe sekea ɖa le aŋutrɔ siwo do ŋgɔ/si kplɔe ɖo gome, be nàɖe asiƒoƒo ƒe dɔwɔwɔ ɖa esime nèlé atsyã siwo nèɖo la me ɖe asi.
Sizing ƒe lolome
Axa siwo lolo wu alo esiwo le sue wu la dze ŋuwòa? Tsɔe kpe ɖe eŋu .pagination-lgalo .pagination-smna lolome bubuwo.
Pager ƒe nɔnɔmetata
Kadodo siwo do ŋgɔ kple esiwo kplɔe ɖo kabakaba na axadzinɔnɔ ƒe dɔwɔwɔ bɔbɔewo kple dzesidede kekeli kple atsyãwo. Enyo ŋutɔ na nyatakakadzraɖoƒe bɔbɔewo abe blogwo alo magazinewo ene.
Kpɔɖeŋu si woɖo ɖi
Le gɔmedzedzea me la, pager la tsɔa kadodowo ɖoa titina.
Kadodo siwo woɖo ɖe ɖoɖo nu
Alo àte ŋu aɖo kadodo ɖesiaɖe ɖe axawo dzi:
Nɔnɔme si nye nuwɔametɔ si woate ŋu atia
Pager kadodowo hã zãa general .disabledutility class tso axadzinɔnɔ me.
Ŋkɔwo ƒe ŋkɔwo
Kpɔɖeŋu
Kpɔɖeŋu ƒe tanya Yeye
Kpɔɖeŋu ƒe tanya Yeye
Kpɔɖeŋu ƒe tanya Yeye
Kpɔɖeŋu ƒe tanya Yeye
Kpɔɖeŋu ƒe tanya Yeye
Kpɔɖeŋu ƒe tanya Yeye
Vovototo siwo li
Tsɔ tɔtrɔ ƒe hatsotso siwo míeyɔ ɖe ete la dometɔ aɖe kpe ɖe eŋu be nàtrɔ dzeside aɖe ƒe dzedzeme.
Gbegɔmeɖeɖe ƒe kuxiwo ate ŋu ado mo ɖa ne nuŋɔŋlɔ gbogbo aɖewo le fli me le nugoe xaxɛ aɖe me, eye wo dometɔ ɖesiaɖe me eƒe inline-blockakpa aɖe le (abe nɔnɔmetata ene). Mɔ si dzi woato aƒo asa na esiae nye ɖoɖowɔwɔ display: inline-block;. Ne èdi nya siwo ƒo xlãe kple kpɔɖeŋu aɖe la, kpɔ #13219 .
Akɔtagbalẽviwo
Te gbe ɖe nu yeyewo alo nu siwo womexlẽ o dzi bɔbɔe to a tsɔtsɔ kpe <span class="badge">ɖe kadodowo, Bootstrap navs, kple bubuwo ŋu me.
Akpa si le bɔbɔe, si te ŋu trɔna bɔbɔe, si ate ŋu akeke nukpɔkpɔ bliboa ɖe enu ne èdi be yeaɖe nu vevi siwo le wò nyatakakadzraɖoƒea afia.
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 nyatakaka alo nyatakaka siwo woɖe fia dzi geɖe wu.
Ne èle nɔnɔmetata sue siwo ƒe kɔkɔme kple/alo kekeme le vovovo ƒe ɖeɖefia si le abe Pinterest ene dim la, ahiã be nàzã ame etɔ̃lia ƒe dɔwɔnu aɖe abe Masonry , Isotope , alo Salvattore ene.
Kpɔɖeŋu si 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ã.
Nyatakaka siwo wowɔ ɖe ɖoɖo nu
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.
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.
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.
Na nyaŋuɖoɖo ƒe gbedasi siwo ku ɖe nya siwo ƒo xlãe ŋu na zãla ƒe nuwɔna siwo bɔ kple nuxlɔ̃ame gbedasi ʋɛ siwo li eye woate ŋu atrɔ asi le wo ŋu.
Kpɔɖeŋuwo
Kpe nuŋɔŋlɔ ɖesiaɖe kple asiɖeɖe le nu ŋu ƒe abɔta si nàtia la ɖe .alertkple nya siwo ƒo xlãe ƒe hatsotso eneawo dometɔ ɖeka me (le kpɔɖeŋu me, .alert-success) na nuxlɔ̃ame gbedasi veviwo.
Klass aɖeke meli si woɖo ɖi o
Nuxlɔ̃amewo mekpɔa klass gbãtɔwo o, gɔmeɖoanyi kple tɔtrɔ ƒe hatsotsowo koe le wo si. Susu geɖe mele nuxlɔ̃ame ɣi si woɖo ɖi la me o, eyata wobia tso asiwò be nàgblɔ ƒomevi aɖe to nya siwo ƒo xlãe ƒe klass dzi. Tia dzidzedzekpɔkpɔ, nyatakaka, nuxlɔ̃ame, alo afɔku.
Ewɔ nyuie! Èxlẽ nuxlɔ̃ame gbedasi vevi sia dzidzedzetɔ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.
Kpɔnyuiedodo! Enyo wu be nàlé ŋku ɖe ɖokuiwò ŋu, mèle dzedzem nyuie akpa o.
Ŋgɔyiyi ƒe dzesiwo zãa CSS3 ƒe tɔtrɔwo kple nɔnɔmetatawo tsɔ ɖoa woƒe ŋusẽkpɔɖeamedzi aɖewo gbɔ. Womewɔa dɔ siawo le Internet Explorer 9 kple esiwo le ete alo Firefox ƒe tata xoxowo me o. Opera 12 mewɔa dɔ le nɔnɔmetata siwo me woɖea nɔnɔmetatawo le ŋu o.
Ne Emenyawo Dedienɔnɔ Ŋuti Ðoɖo (CSP) le wò nyatakakadzraɖoƒea si meɖe mɔ ɖe eŋu o style-src 'unsafe-inline'la, ekema màte ŋu azã stylenɔnɔme siwo le fli me atsɔ aɖo ŋgɔyiyi ƒe fli ƒe kekeme abe alesi woɖee fia le míaƒe kpɔɖeŋu siwo le ete me ene o. Mɔnu bubu siwo dzi woato aɖo kekeme siwo sɔ kple CSP sesẽwo dometɔ aɖewoe nye JavaScript si wowɔ ɖe ɖoɖo nu vi aɖe zazã (si ɖoa element.style.width) alo CSS ƒe hatsotso tɔxɛwo zazã.
Kpɔɖeŋu vevi aɖe
Ŋgɔyiyi ƒe dzesi si woɖo ɖi.
60% Wu enu
Kple dzesidenu
Ðe <span>with .sr-onlyƒe klass la ɖa le ŋgɔyiyi ƒe dzesi la me be nàɖe alafa memamã si woate ŋu akpɔ la afia.
60% ƒe .
Be nàkpɔ egbɔ be nuŋɔŋlɔa ƒe nuŋɔŋlɔa gakpɔtɔ nye nusi woate ŋu axlẽ le alafa memamã suewo gɔ̃ hã me la, bu a tsɔtsɔ kpe min-widthɖe ŋgɔyiyi ƒe dzesi ŋu ŋu.
0% .
2% .
Nya siwo ƒo xlãe ƒe mɔnu bubuwo
Ŋ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.
40% Wu enu (dzidzedzekpɔkpɔ) .
20% Wu enu
60% Wu (nuxlɔ̃ame) .
80% Blibo (afɔku) .
Ʋuʋudediwo le eŋu
Zãa gradient tsɔ wɔa striped effect. Mele IE9 kple esiwo le ete me o.
40% Wu enu (dzidzedzekpɔkpɔ) .
20% Wu enu
60% Wu (nuxlɔ̃ame) .
80% Blibo (afɔku) .
Animaɖenuŋu
Tsɔ kpe .activeɖe eŋu .progress-bar-stripedbe nàna fliawo nawɔ dɔ le ɖusime yi miame. Mele IE9 kple esiwo le ete me o.
45% Wu enu
Woƒo wo nu ƒu ɖe wo nɔewo dzi
De ʋuƒo geɖe ɖe ɖeka me .progressbe nàƒo wo nu ƒu ɖe wo nɔewo dzi.
35% Wu enu (dzidzedzekpɔkpɔ) .
20% Wu (nuxlɔ̃ame) .
10% Blibo (afɔku) .
Nyadzɔdzɔgblɔmɔnuwo ƒe nu
Abstract object styles hena akpa vovovowo tutu (abe blog comments, Tweets, etc) siwo ɖea nɔnɔmetata si woɖo ɖe miame alo ɖusime ɖe nuŋɔŋlɔ me nyawo xa.
Media siwo woɖo ɖi
Media si woɖo ɖi la ɖea media nu aɖe (nɔnɔmetatawo, video, odio) fiana le emenyawo ƒe mɔxenu ƒe miame alo ɖusime.
Nyadzɔdzɔgblɔmɔnuwo ƒe tanya
Cras nɔ anyi amet nibh libero, le gravida nulla me. Nulla vel metus scelerisque do ŋgɔ na nusiwo wotsɔna dzraa nu ɖo. Cras purus odio, vestibulum le akɔta le, tempus viverra turpis. Fusce condimentum nunc ac nisi ƒe ƒunukpeƒe ƒe lãkusi. Donec lacinia congue felis le lãgbalẽgolo me.
Nyadzɔdzɔgblɔmɔnuwo ƒe tanya
Cras nɔ anyi amet nibh libero, le gravida nulla me. Nulla vel metus scelerisque do ŋgɔ na nusiwo wotsɔna dzraa nu ɖo. Cras purus odio, vestibulum le akɔta le, tempus viverra turpis. Fusce condimentum nunc ac nisi ƒe ƒunukpeƒe ƒe lãkusi. Donec lacinia congue felis le lãgbalẽgolo me.
Nested media ƒe tanya
Cras nɔ anyi amet nibh libero, le gravida nulla me. Nulla vel metus scelerisque do ŋgɔ na nusiwo wotsɔna dzraa nu ɖo. Cras purus odio, vestibulum le akɔta le, tempus viverra turpis. Fusce condimentum nunc ac nisi ƒe ƒunukpeƒe ƒe lãkusi. Donec lacinia congue felis le lãgbalẽgolo me.
Nyadzɔdzɔgblɔmɔnuwo ƒe tanya
Cras nɔ anyi amet nibh libero, le gravida nulla me. Nulla vel metus scelerisque do ŋgɔ na nusiwo wotsɔna dzraa nu ɖo. Cras purus odio, vestibulum le akɔta le, tempus viverra turpis.
Nyadzɔdzɔgblɔmɔnuwo ƒe tanya
Cras nɔ anyi amet nibh libero, le gravida nulla me. Nulla vel metus scelerisque do ŋgɔ na nusiwo wotsɔna dzraa nu ɖo. Cras purus odio, vestibulum le akɔta le, tempus viverra turpis.
Klasawo .pull-leftkple .pull-righthã li eye wozã wo tsã abe nyadzɔdzɔgblɔmɔnuwo ƒe akpa aɖe ene, gake woɖe asi le wo ŋu na zazã ma tso v3.3.0 dzi. Wosɔ kple .media-leftkple .media-right, negbe ɖe .media-rightwòle be woatsɔe ade megbe .media-bodyle html la me ko.
Nyadzɔdzɔgblɔmɔnuwo ƒe ɖoɖowɔwɔ ɖe ɖoɖo nu
Woate ŋu aɖo nɔnɔmetataawo alo nyatakakadzraɖoƒe bubuwo ɖe ɖoɖo nu le etame, titina, alo ete. Nusi woɖo ɖi la nye esi woɖo ɖe ɖoɖo nu le etame.
Media siwo woɖo ɖe ɖoɖo nu le etame
Cras nɔ anyi amet nibh libero, le gravida nulla me. Nulla vel metus scelerisque do ŋgɔ na nusiwo wotsɔna dzraa nu ɖo. Cras purus odio, vestibulum le akɔta le, tempus viverra turpis. Fusce condimentum nunc ac nisi ƒe ƒunukpeƒe ƒe lãkusi. Donec lacinia congue felis le lãgbalẽgolo me.
Donec sed odio dui. Nullam quis risus eget urna mollis ƒe atsyɔ̃ɖoɖo vel eu leo. Cum sociis natoque penatibus kple vidzidzi ƒe mɔ̃ gãwo, nascetur ridiculus mus.
Nyadzɔdzɔgblɔmɔnuwo siwo le titina
Cras nɔ anyi amet nibh libero, le gravida nulla me. Nulla vel metus scelerisque do ŋgɔ na nusiwo wotsɔna dzraa nu ɖo. Cras purus odio, vestibulum le akɔta le, tempus viverra turpis. Fusce condimentum nunc ac nisi ƒe ƒunukpeƒe ƒe lãkusi. Donec lacinia congue felis le lãgbalẽgolo me.
Donec sed odio dui. Nullam quis risus eget urna mollis ƒe atsyɔ̃ɖoɖo vel eu leo. Cum sociis natoque penatibus kple vidzidzi ƒe mɔ̃ gãwo, nascetur ridiculus mus.
Media siwo woɖo ɖe ɖoɖo nu le ete
Cras nɔ anyi amet nibh libero, le gravida nulla me. Nulla vel metus scelerisque do ŋgɔ na nusiwo wotsɔna dzraa nu ɖo. Cras purus odio, vestibulum le akɔta le, tempus viverra turpis. Fusce condimentum nunc ac nisi ƒe ƒunukpeƒe ƒe lãkusi. Donec lacinia congue felis le lãgbalẽgolo me.
Donec sed odio dui. Nullam quis risus eget urna mollis ƒe atsyɔ̃ɖoɖo vel eu leo. Cum sociis natoque penatibus kple vidzidzi ƒe mɔ̃ gãwo, nascetur ridiculus mus.
Nyadzɔdzɔgblɔmɔnuwo ƒe xexlẽdzesiwo
Ne èwɔ dzesidede vi aɖe kpee la, àteŋu azã media le xexlẽdzesiwo me (eɖea vi na nyaŋuɖoɖo ƒe ka alo nyatiwo ƒe xexlẽdzesiwo).
Nyadzɔdzɔgblɔmɔnuwo ƒe tanya
Cras nɔ anyi amet nibh libero, le gravida nulla me. Nulla vel metus scelerisque do ŋgɔ na nusiwo wotsɔna dzraa nu ɖo. Cras purus odio, vestibulum le akɔta le, tempus viverra turpis.
Nested media ƒe tanya
Cras nɔ anyi amet nibh libero, le gravida nulla me. Nulla vel metus scelerisque do ŋgɔ na nusiwo wotsɔna dzraa nu ɖo. Cras purus odio, vestibulum le akɔta le, tempus viverra turpis.
Nested media ƒe tanya
Cras nɔ anyi amet nibh libero, le gravida nulla me. Nulla vel metus scelerisque do ŋgɔ na nusiwo wotsɔna dzraa nu ɖo. Cras purus odio, vestibulum le akɔta le, tempus viverra turpis.
Nested media ƒe tanya
Cras nɔ anyi amet nibh libero, le gravida nulla me. Nulla vel metus scelerisque do ŋgɔ na nusiwo wotsɔna dzraa nu ɖo. Cras purus odio, vestibulum le akɔta le, tempus viverra turpis.
Ŋlɔ ƒuƒoƒoa ɖi
Ŋkɔwo ƒe ƒuƒoƒowo nye akpa si te ŋu trɔna eye ŋusẽ le eŋu hena menye nuawo ƒe xexlẽdzesi bɔbɔewo ɖeɖeko ɖeɖefia o, ke boŋ esiwo gɔme sese sesẽ siwo me nya siwo wowɔ ɖe ɖoɖo nu le.
Kpɔɖeŋu vevi aɖe
xexlẽdzesiwo ƒe ƒuƒoƒo vevitɔ kekeake koe nye xexlẽdzesi siwo womeɖo ɖe ɖoɖo nu o kple xexlẽdzesiwo ƒe nuawo, kple klass siwo sɔ. Tu ɖe edzi kple tiatia siwo kplɔe ɖo, alo wò ŋutɔ wò CSS ne ehiã.
Cras justo odio ƒe nyawo
Dapibus ac ƒe dɔwɔƒe le
Morbi leo ƒe ƒuƒoƒo
Porta ac ƒe ƒuƒoƒo ac
Vestibulum le eros dzi
Akɔtagbalẽviwo
Tsɔ badges ƒe akpaa kpe ɖe xexlẽdzesiwo ƒe ƒuƒoƒo ƒe nu ɖesiaɖe ŋu eye wòanɔ eɖokui si le ɖusime.
14Cras justo odio ƒe nyawo
2.Dapibus ac ƒe dɔwɔƒe le
1. 1.Morbi leo ƒe ƒuƒoƒo
Nusiwo do ƒome kple wo nɔewo
Do ƒome kple xexlẽdzesiwo ƒe ƒuƒoƒo ƒe nuawo to seke ƒe dzesiwo zazã ɖe xexlẽdzesiwo ƒe nuawo teƒe (ema hã fia dzila ɖe xexlẽdzesi <div>teƒe <ul>). Mehiã be dzila ɖekaɖekawo naƒo xlã akpa ɖesiaɖe o.
Be nàde ama kadodowo nyuie la, kpɔ egbɔ be yeda kadodowo tanyawo me le .panel-title.
Panel ƒe tanya si me tanya mele o
Panel me nyawo
Panel ƒe tanya
Panel me nyawo
Panel si dzi woŋlɔ afɔti ɖo
Kpe abɔtawo alo nuŋɔŋlɔ evelia ɖe .panel-footer. De dzesii be panel footers menyi amadedewo kple liƒowo dome ne wole nya siwo ƒo xlãe ƒe tɔtrɔwo zãm o elabena womeɖoe be woanɔ ŋgɔgbe o.
Panel me nyawo
Nya siwo ƒo xlãe ƒe mɔnu bubuwo
Abe akpa bubuwo ene la, na gɔmesese nanɔ akpa aɖe ŋu bɔbɔe na nya siwo ƒo xlãe aɖe koŋ to nya siwo ƒo xlãe ƒe nɔnɔme ƒe hatsotsoawo dometɔ ɖesiaɖe tsɔtsɔ kpee me.
Panel ƒe tanya
Panel me nyawo
Panel ƒe tanya
Panel me nyawo
Panel ƒe tanya
Panel me nyawo
Panel ƒe tanya
Panel me nyawo
Panel ƒe tanya
Panel me nyawo
Kple kplɔ̃wo
Tsɔ nusianu si me liƒo mele o kpe ɖe .tableakpa aɖe ŋu hena atsyã si me kuxi aɖeke mele o. Ne , li la .panel-body, míetsɔa liƒo bubu kpena ɖe kplɔ̃a tame hena mama.
Panel ƒe tanya
Panel me nya aɖewo siwo woɖo ɖi le afisia. Nulla vitae elit libero, si nye lãgbalẽ si nye augue. Aenean lacinia bibendum ƒe ƒuƒoƒo si me womewɔ naneke le o. Aenean ƒe eu leo quam. Atsyɔ̃ɖoɖo si le abe ƒuƒuiƒe ene la nye lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies ʋuwo ut id elit.
# .
Ŋkɔ gbãtɔ
Ƒome ŋkɔ
Zãla ƒe ŋkɔ
1. 1.
Marko
Otto ƒe nyawo
@mdo dzi
2.
Yakob
Thornton ƒe ŋkɔ
@da ami
3.
Larry ye nye esia
Xe lae
@twitter dzi
Ne panel ƒe ŋutilã aɖeke meli o la, akpaa ʋuna tso panel ƒe ta dzi yia kplɔ̃ dzi madzudzɔmadzudzɔe.
Panel me nya aɖewo siwo woɖo ɖi le afisia. Nulla vitae elit libero, si nye lãgbalẽ si nye augue. Aenean lacinia bibendum ƒe ƒuƒoƒo si me womewɔ naneke le o. Aenean ƒe eu leo quam. Atsyɔ̃ɖoɖo si le abe ƒuƒuiƒe ene la nye lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies ʋuwo ut id elit.
Cras justo odio ƒe nyawo
Dapibus ac ƒe dɔwɔƒe le
Morbi leo ƒe ƒuƒoƒo
Porta ac ƒe ƒuƒoƒo ac
Vestibulum le eros dzi
Embed si ɖoa nya ŋu
Na web-browserwo nanɔ te ɖe woƒe block si me wole ƒe kekeme dzi anya video alo slideshow ƒe didimewo to intrinsic ratio si adzidze nyuie le mɔ̃ ɖesiaɖe dzi la wɔwɔ me.
Wozãa sewo ɖe <iframe>, <embed>, <video>, kple <object>nu veviwo ŋu tẽ; ne èdi la, zã dzidzimevi ƒe hatsotso si me kɔ .embed-responsive-itemne èdi be yeawɔ ɖeka kple atsyã na nɔnɔme bubuwo.
Pro-Aɖaŋuɖoɖo! Mehiã be nàde frameborder="0"wò <iframe>s me esi míeɖea ema ɖa na wò o.
Vudowo
Default nyuie
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!
Klass siwo woate ŋu awɔ le wo ɖokui si
Dziɖuɖu padding kple dzogoe goglowo kple eve tiatia modifier klass.