Skala sɛbɛnnikɛlan

Sɛbɛnni jatebɔlan bɛɛ sinsinnen bɛ Less variables fila kan an ka variables.less file kɔnɔ: @baseFontSizeani @baseLineHeight. Fɔlɔ ye basigi sɛbɛnnibolo-size ye min bɛ Kɛ a bɛɛ la ani filanan ye basigi-yɔrɔ-janya ye.

An bɛ baara Kɛ n’o fɛn caman sɛgɛsɛgɛli ye, ani jatebɔ dɔw, walasa ka an ka suguya bɛɛ ka margins, paddings, ani line-heights (dakunw) Dabɔ ani fɛn wɛrɛw.

Misali farikolo sɛbɛnni

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus ni magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies bolifɛnw.

Plomb farikolo kopi

Aw ye dakun dɔ kɛ fɛn ye min bɛ bɔ kɛnɛ kan ni aw ye a fara a kan .lead.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor ye fɛn ye min bɛ se ka kɛ fɛn ye min bɛ se ka kɛ fɛn ye. Duis mollis, est min tɛ fɛn caman ye.

Baara kɛ ni sinsincogo ye

Fusce dapibus , tellus ac cursus commodo , tortor mauris condimentum nibh , ut fermentum massa justo sigi amet risus. Maecenas faucibus mollis ye jiri ye min bɛ wele ko mollis interdum. Nulla vitae elit libero, o ye fura ye min bɛ wele ko pharetra augue.

Kɔlɔsili: Aw kana siga ka baara kɛ <b>ni <i>HTML5 ye, nka u baarakɛcogo Changé dɔɔnin. <b>kɔrɔ ye ka daɲɛw walima kumasenw Bɔ kɛnɛ kan k’a sɔrɔ a ma nafa wɛrɛ Lase k’a sɔrɔ <i>a fanba bɛ kumakan, fɛɛrɛko daɲɛw, a ɲɔgɔnnaw de kan.

Misali ladɛrɛsiw

<address>Tag bɛ se ka baara kɛ cogo min na, o misali fila filɛ nin ye :

Twitter, Inc.
795 Folsom Ave, Suite 600
San Fransisko, CA 94107
P: (123) 456-7890. Kalanjɛ ni sɛbɛnni : kalanjɛ ni sɛbɛnni gafew

Tɔgɔ dafalen
fɔlɔ[email protected]

Misaliw ye daɲɛ surunw ye

Suguda minnu bɛ ni fɛn dɔ ye title, olu bɛ ni duguma dan ye min bɛ yeelen bɔ ani dɛmɛ taamasiyɛn bɛ u kan. O bɛ baarakɛlaw Di taamaʃyɛn wɛrɛ ma fɛn dɔ bɛna Jira hover kan.

Aw bɛ initialismkalansen fara daɲɛ surun dɔ kan walasa ka dɔ fara sɛbɛnnikɛcogo kan ni sɛbɛnni hakɛ dɔ di a ma min ka dɔgɔ dɔɔnin.

HTML ye fɛn bɛɛ la ɲuman ye kabini buru tigɛlen.

Daɲɛ min bɛ wele ko attribut , o surunyalen ye attr ye .

Walasa ka blockquote dɔ don a kɔnɔ, i ka HTML o HTML<blockquote> lamini i n’a fɔ quote. Walasa ka kuma tilennenw sɔrɔ an bɛ ladilikan di a ma .<p>

A bɛ fɛn dɔ Dòn a la min bɛ Se <small>ka Kɛ k'i ka source cite ani i bɛ em dash —Sɔrɔ a ɲɛfɛ ka Kɛɲɛ ni styling (fɔcogo) ye.

<blockquote> ye
  <p> Lorem ipsum dolor sigilen amet, consectetur adipiscing elit. Jateden dafalen posuere erat ye ante venenatis ye. </p> , o ye
  <misɛn> mɔgɔ tɔgɔba dɔ </small>
</blockquote> ye

Blockquotes dafalenw bɛ cogoya min na:

Lorem ipsum dolor sigilen amet, consectetur adipiscing elit. Jateden dafalen posuere erat ye ante venenatis ye.

Mɔgɔ min tɔgɔ bɔra Body of work la

Walasa ka i ka blockquote flot ka taa kinin fɛ, i ka fara a kan class="pull-right":

Lorem ipsum dolor sigilen amet, consectetur adipiscing elit. Jateden dafalen posuere erat ye ante venenatis ye.

Mɔgɔ min tɔgɔ bɔra Body of work la

A ma yamaruya sɔrɔ

<ul>

• Lorem ipsum dolor sigi amet
• Consectetur ye farikolojidɛsɛ ye
• Jateden dafalen molestie lorem ka mass
• Fasilisi bɛ sɔrɔ pretium nisl aliquet la
• Nulla volutpat ye aliquam ye
  • Fasellus iaculis ye jiri ye
  • Purus sodales bɛ sɔgɔsɔgɔninjɛ furakɛ
  • Vestibulu laoreet porttitor sem.. Bamako, Mali
  • Ac tristique libero volutpat ka baara kɛ
• Faucibus porta lacus ye jiri ye min bɛ wele ko fringilla vel
• Aenean sigi amet erat nunc
• Eget porttitor ka lorem

A ma kɛ cogo min na

<ul class="unstyled">

• Lorem ipsum dolor sigi amet
• Consectetur ye farikolojidɛsɛ ye
• Jateden dafalen molestie lorem ka mass
• Fasilisi bɛ sɔrɔ pretium nisl aliquet la
• Nulla volutpat ye aliquam ye
  • Fasellus iaculis ye jiri ye
  • Purus sodales bɛ sɔgɔsɔgɔninjɛ furakɛ
  • Vestibulu laoreet porttitor sem.. Bamako, Mali
  • Ac tristique libero volutpat ka baara kɛ
• Faucibus porta lacus ye jiri ye min bɛ wele ko fringilla vel
• Aenean sigi amet erat nunc
• Eget porttitor ka lorem

A ye yamaruya di

<ol>

1. Lorem ipsum dolor sigi amet
2. Consectetur ye farikolojidɛsɛ ye
3. Jateden dafalen molestie lorem ka mass
4. Fasilisi bɛ sɔrɔ pretium nisl aliquet la
5. Nulla volutpat ye aliquam ye
6. Faucibus porta lacus ye jiri ye min bɛ wele ko fringilla vel
7. Aenean sigi amet erat nunc
8. Eget porttitor ka lorem

Cogojirali

<dl>

Ɲɛfɔli lisiw

Ɲɛfɔli lisi dafalen don daɲɛw ɲɛfɔli kama.

Euismod ye

Vestibulum id ligula porta felis euismod cɛya bɛ sɔrɔ lacinia odio sem nec elit.

Donec id elit non mi porta gravida ye eget metus ye.

Malesuada ka porta

Etiam porta sem cɛmanba min bɛ wele ko magna mollis euismod.

Ɲɛfɔli tilennen

<dl class="dl-horizontal">

Ɲɛfɔli lisiw

Ɲɛfɔli lisi dafalen don daɲɛw ɲɛfɔli kama.

Euismod ye

Vestibulum id ligula porta felis euismod cɛya bɛ sɔrɔ lacinia odio sem nec elit.

Donec id elit non mi porta gravida ye eget metus ye.

Malesuada ka porta

Etiam porta sem cɛmanba min bɛ wele ko magna mollis euismod.

Felis euismod ka cɛya bɛ sɔrɔ lacinia la

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sigi amet risus.

---

Kungolow bɛ wuli! ɲɛfɔli lisi tilennenw bɛna daɲɛw tigɛ minnu janya ka bon kosɛbɛ fo u tɛ se ka don kininbolo koloma labɛnni text-overflowna . Viewports fitininw na, u bɛna fɛn caman Changer ka kɛ default stacked layout ye.

Inline kɔnɔ

Kode inline snippets siri ni <code>.

misali la , < kode> dakun </ kode > ka kan ka siri i n' a fɔ inline .  

Bloki basigilen

Baara kɛ ni <pre>kode sinsinni caman ye. Aw ye aw jija ka bɔ angle brackets (kɛrɛfɛlan) fɛn o fɛn na kode kɔnɔ walasa ka ɲɛfɔli kɛ ka ɲɛ.

<p>Sɛbɛn misali yan...</p>

<pre> ye
  <p>Sɛbɛn misali yan...</p>
</pre> , o ye

Kɔlɔsili: Aw ye aw jija ka kode mara <pre>tags kɔnɔ ka surunya kinin fɛ cogo min na; a bɛna tablo bɛɛ jira.

Aw bɛ se ka .pre-scrollablekalasi fara a kan min bɛna max-height sigi 350px ani ka y-axis scrollbar di.

Google ka Prettify

Aw bɛ o <pre>fɛn kelen in ta ka kalasi fila fara a kan minnu bɛ se ka sugandi walasa ka ɲɛfɔli kɛcogo ɲɛ.

<p> misali sɛbɛn yan... </p>

<pre class = "sɛbɛn ɲɛnama." 
     layiniw" >
  <p>Sɛbɛn misali yan...</p>
</pre> , o ye

google-code-prettify telesarse ani ka readme lajɛ walasa ka baara kɛ ni a ye.

Ka nɔrɔ	Cogojirali
<table>	Wrapping element walasa ka kunnafoniw jira tabali cogo la
<thead>	Minɛn kɔnɔfɛn min bɛ kɛ tabali kuncɛlanw ( <tr>) ye walasa ka tabali kuluw labeli
<tbody>	Minɛn yɔrɔ min bɛ tabali jiriw la ( <tr>) tabali farikolo la
<tr>	Minɛn kɔnɔfɛn min bɛ kɛ tabali selilɛriw kulu dɔ ye ( <td>walima <th>) min bɛ jira jirisun kelen kan
<td>	Tabali selilɛri default
<th>	Tabali seli kɛrɛnkɛrɛnnen ka ɲɛsin koloma (walima jirisun, ka kɛɲɛ ni a bonya ni a bilali ye) labeliw kama Wajibi don ka baara kɛ ni a kɔnɔ<thead>
<caption>	Tabali bɛ min mara, o ɲɛfɔli walima a kuncɛcogo, kɛrɛnkɛrɛnnenya la, min nafa ka bon ɛkran kalanbagaw ma

<tabali> ye
  <kunkolo>
    <tr> ye
      <th> ... </th> ye
      <th> ... </th> ye
    </tr> , o ye
  </thead> ye
  <tbody> ye
    <tr> ye
      <td> ... </td> ye
      <td> ... </td> ye
    </tr> , o ye
  </tbody> ye
</tabali>

Tabali bɛ kɛ cogo la min bɛ kɛ u yɛrɛma ni dan damadɔ dɔrɔn ye walasa ka kalan sɔrɔ ani ka sigicogo mara. Ni 2.0 ye, .tablekalan bɛ ɲini.

<tabali kalasi = "tabali" > 
  ...
</tabali>

# Bamako .	Tɔgɔ	Jamu	Baarakɛla tɔgɔ
1 ye	Marka	Otto ye	@mdo ye
2 ye	Yakuba	Thornton ye	@belebeleba
3 ye	Larry ye	Kɔnɔ in	@twitter kan

Aw ye fansi dɔɔnin sɔrɔ ni aw ka tabali ye ni zebra-striping farali ye—aw ye .table-stripedkalan fara dɔrɔn.

Kɔlɔsili: Tabali sɛrɛkiliw bɛ baara kɛ ni :nth-childCSS sugandilan ye wa a tɛ sɔrɔ IE7-IE8 kɔnɔ.

<tabali kalasi = "tabali-tabali-sira" > 
  ...
</tabali>

# Bamako .	Tɔgɔ	Jamu	Baarakɛla tɔgɔ
1 ye	Marka	Otto ye	@mdo ye
2 ye	Yakuba	Thornton ye	@belebeleba
3 ye	Larry ye	Kɔnɔ in	@twitter kan

Aw bɛ danw fara tabali bɛɛ lamini na ani nkɔni bulamaw walasa ka ɲɛnajɛ kɛ.

<tabali kalasi = "tabali-tabali-danfara" > 
  ...
</tabali>

# Bamako .	Tɔgɔ	Jamu	Baarakɛla tɔgɔ
1 ye	Marka	Otto ye	@mdo ye
	Marka	Otto ye	@getbootstrap ye
2 ye	Yakuba	Thornton ye	@belebeleba
3 ye	Larry ka Kɔnɔ		@twitter kan

Aw ye aw ka tabali kɛ fɛn ye min ka surun ni kalan farali ye .table-condensedwalasa ka tabali selilɛri padding tigɛ tilayɔrɔ fila la (ka bɔ 8px la ka se 4px ma).

<tabali kalasi = "tabali-tabali-kɔnɔna" > 
  ...
</tabali>

# Bamako .	Tɔgɔ	Jamu	Baarakɛla tɔgɔ
1 ye	Marka	Otto ye	@mdo ye
2 ye	Yakuba	Thornton ye	@belebeleba
3 ye	Larry ka Kɔnɔ		@twitter kan

Aw kana siga ka tabali kalansenw dɔ fara ɲɔgɔn kan walasa ka ɲɛda cogoya wɛrɛw sɔrɔ ni aw bɛ baara kɛ ni kalansenw dɔ ye minnu bɛ sɔrɔ.

<tabali kalasi = "tabali-tabali-sira-tabali-dakun-tabali-konden" > 
  ...
</tabali>

	Tɔgɔ dafalen
# Bamako .	Tɔgɔ	Jamu	Baarakɛla tɔgɔ
1 ye	Marka	Otto ye	@mdo ye
2 ye	Yakuba	Thornton ye	@belebeleba
3 ye	Larry ka Kɔnɔ		@twitter kan

HTML ni CSS minnu bɛ se ka wuli ka bɔ u nɔ na

A yɔrɔ min ka fisa ni foroko ye Bootstrap kɔnɔ o ye ko i ka dontaw ni i ka kɔrɔsili bɛɛ ɲɛ ka ɲi hali n’i y’u jɔ cogo o cogo i ka markup kɔnɔ. HTML nafama si tɛ wajibiya, nka an bɛ misaliw Di minnu b’a Лini.

Layidu talenw minnu ka gɛlɛn kosɛbɛ, olu bɛ na ni kalan surunw ye minnu bɛ se ka sɛgɛsɛgɛ walasa ka cogoya nɔgɔya ani ka ko kɛlenw siri, o la i bɛ datugu senfɛ-senfɛ.

Layidu talen naani tun bɛ o la

Bootstrap bɛ na ni dɛmɛ ye foroko labɛncogo suguya naani na:

• Vertical (dafalen) .
• Ɲini
• Inline kɔnɔ
• Dalen

Forobaciyɛn labɛncogo suguya wɛrɛw bɛ fɛn dɔw de wajibiya ka fɛn dɔw Changer markup, nka controls yɛrɛ bɛ to ani u bɛ kɛ cogo kelen na.

Control states ani fɛn wɛrɛw

Bootstrap ka sɛbɛnw kɔnɔ, cogoyaw bɛ sɔrɔ foroko basigilenw bɛɛ lajɛlen na i n’a fɔ input, textarea, ani select i bɛna min makɔnɔ. Nka a fana bɛ na ni ladamu-yɔrɔ damadɔ ye i n’a fɔ donna-sɛbɛnw faralen ɲɔgɔn kan ani donta-sɛbɛnni-sɛbɛnw ani dɛmɛni ka ɲɛsin jatebɔ-sɛbɛnw lisɛli ma.

Jamana minnu bɛ i n’a fɔ fili, lasɔmini, ani ɲɛtaa, olu bɛ sɔrɔ sɛbɛnfura kunkanko suguya kelen-kelen bɛɛ la. O fana bɛ sɔrɔ cogoyaw la minnu bɛ kɛ ka ɲɛsin bololabaarakɛlaw ka kɔrɔsili ma.

Foroko jɔnjɔn

Smart ani lightweight defaults ni markup wɛrɛ tɛ.

Label tɔgɔ

Misali bloki-nivo dɛmɛ sɛbɛn yan.

Aw ye n lajɛ Ka kolo

<form class = "kɛnɛ" > 
  <label> Labeli tɔgɔ </label>
  <donna suguya = "sɛbɛn" kalasi = "span3" yɔrɔ = "Fɛn dɔ sɛbɛn..." >   
  <span class = "dɛmɛ-blɔki" > Misali bloki-dakun dɛmɛ sɛbɛn yan. </span> , o ye 
  <label class = "sɛbɛn ɲɛ 10nan" > 
    <input type = "checkbox" > Aw ye n lajɛ 
  </label> ye
  <butɔni suguya = "ci" kalasi = "btn" > Lase </button>  
</form>

Ɲini sɛbɛn

Aw bɛ fara .form-searchsɛbɛnfura kan ani .search-queryka fara a kan input.

Ɲini

<form class = "kɛnɛ foroko-ɲini" > 
  <donna suguya = "sɛbɛn" kalasi = "donna-minɛn ɲinini-ɲininkali" >  
  <butɔni suguya = "submit" kalasi = "btn" > Ɲini </button>  
</form>

Foroko min bɛ wele ko Inline

A fara a kan .form-inlineka finesse vertical alignment ani spacing of form controls.

Aw ye aw hakili to ne la Aw ye don a kɔnɔ

<form class = "kɛnɛ foroko-inline" > 
  <donna suguya = "sɛbɛn" kalasi = "donna-misɛnnin" yɔrɔ = "Email" >   
  <donna suguya = "daɲɛ" kalasi = "donna-misɛn" yɔrɔ = "Daɲɛ" >   
  <label class = "sɛbɛn ɲɛ 10nan" > 
    <input type = "checkbox" > Aw ye aw hakili to ne la 
  </label> ye
  <butɔni suguya = "submit" kalasi = "btn" > Don </button>  
</form>

An bɛ dɛmɛn minnu na, olu bɛɛ jiralen bɛ kinin fɛ. Nin ye bullet list ye:

• sɛbɛnni dontaw (sɛbɛnni, daɲɛ dogolen, imɛri, a ɲɔgɔnnaw) .
• yɔrɔ min na, o yɔrɔ lajɛ
• arajo la
• ka sugandi
• caman sugandi
• filen doncogo
• sɛbɛnnikɛyɔrɔ

Sɛbɛnniw doncogo

Ka Fàra sɛbɛnni hɔrɔnyalen kan, HTML5 sɛbɛnni-sɛbɛnni-sɛbɛnni-sɛbɛnni-sɛbɛnni-sɛbɛnni-sɛbɛnni-sɛbɛnni-sɛbɛnni-sɛbɛnni-sɛbɛnni-sɛbɛnni-sɛbɛnni-sɛbɛnni-sɛbɛnni-sɛbɛnni-sɛbɛnni-sɛbɛnni-sɛbɛnniw bɛ Bɔ o cogo la.

A’ ye yɔrɔ lajɛ

Sugandili fɔlɔ ye nin ni nin ye—aw ye aw jija ka a fɔ mun na a ka ɲi kosɛbɛ

Lisiti sugandi

fɛn dɔ 2 ye 3 ye 4 ye 5 ye

Multicon-sugandili kɛ

1 ye 2 ye 3 ye 4 ye 5 ye

Filen doncogo

Sɛbɛnni yɔrɔ

Yɛlɛma minnu kɛra, olu mara ka dankari

Misali la, taamasiyɛn kɛli

Ni an ye misali foroko labɛncogo min bɛ sanfɛ, o ye taamasiyɛn ye min bɛ tali kɛ donta ni kɔrɔsili kulu fɔlɔ la. , .control-group, .control-labelani .controlskalanw bɛɛ wajibiyalen don ka ɲɛsin styling ma.

<form class = "fɔcogo-kɔrɔlen" > 
  <forobaciyɛn>
    <legend> nsiirin sɛbɛn </legend>
    <div kalasi = "kunnafoni-kulu" > 
      <label class = "control-label" for = "donni01" > Sɛbɛnni doncogo </label>  
      <div kalasi = "kunnafoni" > 
        <donna suguya = "sɛbɛn" kalasi = "donna-xlarge" id = "donna01" >   
        <p class = "dɛmɛ-blɔki" > Dɛmɛ sɛbɛn dɛmɛni </p> 
      </div> ye
    </div> ye
  </fieldset> ye
</form>

Bootstrap bɛ cogoyaw jira ka ɲɛsin browser-supported focused ani disabledstates ma. An bɛ Webkit default bɔ yen ka outlinea box-shadowkɛ a nɔ na :focus.

---

Formulaire validation (sɛbɛnni min bɛ wele ko validation).

A fana bɛ filiw, lasɔminiw ani ɲɛtaa tiɲɛni cogoyaw jira. Walasa ka baara kɛ ni a ye, aw bɛ fili kalasi fara a lamini .control-groupkan .

<forobaciyɛn
  class = "kunnafoni-kulu fili" >
  ...
</fieldset> ye

Donni sinsinni

Donan min tɛ se ka ladilan

Dɔw bɛ nafa don yan

Donni min bɛ se ka baara kɛ

Disabled ka jatebɔyɔrɔ

Nin ye jatebɔyɔrɔ ye min bɛ se ka baara kɛ

Input ni lasɔmini ye

N’a sɔrɔ fɛn dɔ ma ɲɛ

Donni ni fili ye

Aw ye fili in latilen

Input ni ɲɛtaa ye

Woohoo!

Sugandili kɛ ni ɲɛtaa ye

1 ye 2 ye 3 ye 4 ye 5 ye Woohoo!

Yɛlɛma minnu kɛra, olu mara ka dankari

Prepend & fara dontaw kan

Donan kuluw—ni sɛbɛnniw faralen don ɲɔgɔn kan walima minnu bɛ sɛbɛn ka kɔn o ɲɛ—o bɛ fɛɛrɛ nɔgɔman di walasa ka kunnafoni caman di i ka dontaw ma. Misalibaw ye @ taamasiyɛn ye Twitter tɔgɔw la walima $ ye wariko la.

---

Jateminɛ kɛyɔrɔw ani arajow

Fɔ ka se v1.4 ma, Bootstrap tun bɛ taamasiyɛn wɛrɛw wajibiya ka jatebɔ kɛyɔrɔw ni arajow lamini walasa k’u fara ɲɔgɔn kan. Sisan, a ye ko nɔgɔman ye ka segin a kan <label class="checkbox">min bɛ <input type="checkbox">.

Inline checkboxes ani arajow fana bɛ dɛmɛ. Dɔrɔn ka fara .inlinea kan .checkboxwalima .radioani i bɛ ban.

---

Formulaire inline ani append/prepend

Walasa ka baara kɛ ni prepend walima append inputs ye inline form kɔnɔ, aw ye aw jija ka .add-onani inputbila layini kelen kan, yɔrɔ tɛ minnu na.

---

Aw bɛ dɛmɛ sɛbɛn sɛbɛn

Walasa ka dɛmɛ sɛbɛn fara i ka foroko dontaw kan, i ka dɛmɛ sɛbɛn inline ni <span class="help-inline">walima dɛmɛ sɛbɛnni bloki ni <p class="help-block">donta yɔrɔ kɔfɛ.

Aw bɛ grid hakɛw sɛbɛn

1 ye 2 ye 3 ye 4 ye 5 ye 1 ye 2 ye 3 ye 4 ye 5 ye 1 ye 2 ye 3 ye 4 ye 5 ye

Baara kɛ ni o .span*kalasi kelenw ye ka bɔ grid system la donnakow hakɛw kama.

Aw bɛ hakɛw ɲɔgɔn falen-falen

Aw bɛ se fana ka baara kɛ ni kalasi jɔlenw ye minnu tɛ karti kɛ ka kɛɲɛ ni jatebɔlan ye, ka ladamu CSS jaabicogo cogoyaw la, walima ka jatebɔ kɛ kunnafoni suguya caman kan (misali la, inputvs. select).

Sɛbɛnni minnu bɛ labɛn ka kɔn o ɲɛ

@ Bamako

Dɛmɛ sɛbɛn dɔw filɛ nin ye

Sɛbɛnni min farala a kan

.00 ye

Dɛmɛ sɛbɛn wɛrɛw filɛ nin ye

Aw bɛ fara a kan ani ka prepend kɛ

$ ye .00 ye

A fara a kan ni butɔni ye

Ka taa!

Butɔn fila bɛ fara a kan

Ɲini Sugandili minnu bɛ kɛ

Inline jatebɔyɔrɔw

1 ye 2 ye 3 ye

Jateminɛw kɛyɔrɔw

Sugandili fɔlɔ ye nin ni nin ye—aw ye aw jija ka a fɔ mun na a ka ɲi kosɛbɛ Sugandili filanan fana bɛ se ka lajɛ ani ka don sɛbɛnfura jaabiw kɔnɔ Sugandili sabanan bɛ se ka lajɛ—ɔwɔ, i y’a jateminɛ—o fana bɛ se ka lajɛ ani ka don sɛbɛnfura jaabiw kɔnɔ

Kɔlɔsili: Labɛnw bɛ sugandiliw bɛɛ lamini walasa ka digi yɔrɔ minnu ka bon kosɛbɛ ani sɛbɛnfura min bɛ se ka baara kɛ ni a ye.

Arajo ka butɔni

Sugandili fɔlɔ ye nin ni nin ye—aw ye aw jija ka a fɔ mun na a ka ɲi kosɛbɛ Sugandili filanan bɛ se ka kɛ fɛn wɛrɛ ye wa n’i y’a sugandi, o bɛna sugandili fɔlɔ bɔ

Yɛlɛma minnu kɛra, olu mara ka dankari

Butɔnw ye walew ye

I n’a fɔ bɛnkansɛbɛn, butɔni ka kan ka kɛ walew dɔrɔn de kama k’a sɔrɔ hyperlink ka kan ka kɛ fɛnw ye. Misali la, "Télécharger" ka kan ka Kɛ butɔni ye k'a sɔrɔ "baara kɛlen kɔsa in na" ka kan ka Kɛ 'jyɛn-yɔrɔ ye.

Butɔn cogoyaw bɛ se ka kɛ fɛn o fɛn na ni .btnkalan bɛ kɛ. Nka, a ka c'a la i b'a fɛ ka ninnu waleya dɔrɔn <a>ani <button>elements.

Cross browser ka baarakɛcogo ɲuman

IE9 tɛ kɔkanna sɛgɛsɛgɛliw sɛnɛ nkɔni bulamaw kan, o de la an b’a bɔ. O ni ɲɔgɔn cɛ, IE9 bɛ jankifie (fɛnɲɛnɛmaw) balilenw button, ka sɛbɛnniw Kɛ gri ye ni sɛbɛnni-dugukolo jugu ye an tɛ Se ka min Labɛn.

A bonya caman

Fancy butɔni belebelebaw walima fitininw? Aw bɛ .btn-large, .btn-small, walima .btn-minifara a kan walasa ka hakɛ fila wɛrɛw fara a kan.

Waleya fɔlɔ Wale

Waleya fɔlɔ Wale

Waleya fɔlɔ Wale

Jamana min ye bololabaara ye

Butɔn minnu bɛ se ka baara kɛ, aw bɛ .disabledkalasi fara jɛgɛnw kan ani disabledka <button>fɛn dɔw fara a kan.

Lien fɔlɔ Ka tugu

Butɔn fɔlɔ Butɔn

Kungolow bɛ wuli! An bɛ baara Kɛ .disabledni nafa-kalasi ye yan, i n’a fɔ .activekalasi jɛlen, o la, daɲɛ fɔlɔ si tɛ wajibiya.

Kalanso kelen, tag caman

Baara kɛ ni .btnkalan ye <a>, <button>, walima <input>fɛn dɔ kan.

Ka tugu Butɔn

<a kalasi = "btn" href = "" > Jɛɲɔgɔnya </a>  
<butɔni kalasi = "btn" suguya = "ci" >  
  Butɔn
</button> ye
<donni kalasi = "btn" suguya = "butɔni".  
         nafa = "Don" >
<donna kalasi = "btn" suguya = "submit".  
         nafa = "Ka ci" >

I n’a fɔ wale ɲuman, i k’a ɲini ka fɛn in bɛn i ka ko kɛlenw ma walasa ka a jira ko a bɛ bɛn cross-browser rendering ma. Ni input, baara kɛ ni an <input type="submit">ye i ka butɔni kama.

• ikomi-gilasi
• ikomi-muziki
• ikomi-ɲini
• ikomi-enveloppe
• ikomi-dusukun
• ikomi-dolow
• iko-dolow-lankolon
• ikomi-baarakɛla
• ikomi-filimu
• ikomi-nan-ba
• ikomi-th
• ikomi-th-list
• ikomi-ok
• ikomi-bɔ
• ikomi-zoom-in
• ikomi-zoom-out
• ikomi-dafalen
• ikomi-siginiden
• ikomi-cog
• ikomi-nɔgɔ
• ikomi-so
• ikomi-filen
• ikomi-waati
• ikomi-sira
• ikomi-télécharger-alt
• ikomi-télécharger
• ikomi-upload
• ikomi-don-yɔrɔ
• ikomi-tulon-sɛrɛkili
• iko-segin-ka-bɔ
• ikomi-lafiɲɛbɔ
• ikomi-list-alt
• ikomi-blon
• ikomi-dapo
• ikomi-kungolodilanw

• ikomi-volume-off
• ikomi-volume-down
• ikomi-volume-up
• ikomi-qrkode ye
• ikomi-baro
• ikomi-tagi
• taamasiyɛn-taamaʃyɛnw
• taamasiyɛn-gafe
• taamasiyɛn-sɛbɛnni-sɛbɛn
• taamasiyɛn-sɛbɛnni
• ikomi-kamera
• taamasiyɛn-sɛbɛnni
• ikomi-bold
• ikomi-italiki
• taamasiyɛn-sɛbɛnni-janya
• taamasiyɛn-sɛbɛnni-janya
• taamasiyɛn-labɛn-nɛgɛbere
• taamasiyɛn-labɛn-santiri
• ikomi-align-niman fɛ
• ikomi-ɲɛnajɛ-joli
• taamasiyɛn-lisi
• ikomi-indent-numan fɛ
• ikomi-indent-niman fɛ
• ikomi-ɲɛ-waati-wideyo
• ikomi-ja
• iko-kɛrɛn
• taamasiyɛn-karti-taamaʃyɛn
• taamasiyɛn-labɛnni
• ikomi-tint
• taamasiyɛn-labɛnni
• ikomi-jatebɔ
• ikomi-sɛgɛsɛgɛli
• ikomi-yɔrɔ-yɔrɔ-ko
• ikomi-sen-kɔfɛ
• iko-teliya-kɔfɛ

• ikomi-kɔfɛ
• iko-fɔli
• taamasiyɛn-lafiɲɛbɔ
• ikomi-dabila
• ikomi-ɲɛnajɛ
• ikomi-teliya-ka-ɲɛmaa
• ikomi-sen-ɲɛ-ɲɛmaa
• ikomi-bɔn
• ikomi-chevron-numan fɛ
• ikomi-chevron-niman fɛ
• ikomi-plus-taamaʃyɛn
• ikomi-minus-taamaʃyɛn
• taamasiyɛn-bɔ-taamaʃyɛn
• iko-ok-taamaʃyɛn
• taamasiyɛn-ɲininkali-taamaʃyɛn
• taamasiyɛn-kunnafoni-taamasenɲɛ
• ikomi-ekran-ja
• ikomi-bɔ-sɛrɛkili
• iko-ok-sɛrɛkili
• ikomi-ban-sɛrɛkili
• iko-nɛgɛ-nɛgɛjuru-nɛgɛjuru
• ikomi-tɛgɛ-niman fɛ
• ikomi-bɛɛ-sanfɛ
• taamasiyɛn-yɔrɔ-jigin-ka-bɔ
• ikomi-jate-alt
• ikomi-hakɛ-dafalen
• ikomi-hakɛ-misɛnnin
• ikomi-plus
• ikomi-minus
• ikomi-dolow
• taamasiyɛn-ɲɛnajɛ-taamaʃyɛn
• ikomi-nilifɛn
• ikomi-bulu
• ikomi-tasuma
• ikomi-ɲɛ-da-bɔ

• iko-ɲɛ-kɛrɛfɛ
• taamasiyɛn-lasɔmini-taamaʃyɛn
• ikomi-plan
• ikomi-kalandriya
• ikomi-kɛrɛnkɛrɛnnenya la
• ikomi-kumasen
• ikomi-magnet
• ikomi-chevron-up ye
• ikomi-chevron-jigin-ka-bɔ
• ikomi-retweet
• ikomi-sanni-wotoro
• taamasiyɛn-foli-dadon
• taamasiyɛn-foli-da wulilen
• ikomi-hakɛ-yɔrɔ-yɔrɔ
• ikomi-hakɛ-yɔrɔ-yɔrɔ-ko-yɔrɔ
• ikomi-hdd
• ikomi-bullhorn (ɲɛnajɛ-bullhorn).
• ikomi-bɛlɛ
• ikomi-seereyaw
• ikomi-bolokɔninw-kɔnɔ
• ikomi-bolokɔninw-kɔnɔ
• ikomi-bolo-niman fɛ
• ikomi-bolo-nɛgɛjuru
• ikomi-bolo-sanfɛ
• ikomi-bolo-la-jigin
• ikoni-sɛrɛkili-tɛgɛ-niman fɛ
• ikomi-sɛrɛkili-nɛgɛ-nɛgɛbere
• ikomi-sɛrɛkili-sɛrɛkili-sanfɛ
• ikomi-sɛrɛkili-jigin-ka-bɔ
• ikomi-dugukolo
• ikomi-kɔlɔsili
• ikomi-baarakɛlaw
• ikomi-filɛri
• ikomi-baganmarayɔrɔ
• ikomi-ekran dafalen

A jɔra i n’a fɔ sprite

Sanni an ka taamasiyɛn bɛɛ kɛ ɲinini wɛrɛ ye, an y’u lajɛ ka kɛ sprite ye—ja kulu dɔ bɛ dosiye kelen kɔnɔ min bɛ baara kɛ ni CSS ye walasa ka jaw bila yɔrɔ la ni background-position. Nin ye fɛɛrɛ kelen ye an bɛ baara kɛ ni min ye Twitter.com kan wa a ye baara kɛ an ye kosɛbɛ.

Icons classes bɛɛ bɛ daminɛ ni tɔgɔw ni ɲɔgɔn cɛ .icon-ka ɲɛ ani scoping, i n’a fɔ an ka yɔrɔ tɔw. O bɛna dɛmɛ ka bɛnbaliya bali ni baarakɛminɛn wɛrɛw ye.

Glyphicons ye sira Di an ma baara Kɛ ni Halflings sigilenw ye an ka baarakɛminɛn dafalenw kɔnɔ fo n’an ye jὲɲɔgɔnya ni krediti Di yan docs kɔnɔ. Aw ye aw jija ka o ɲɔgɔn kɛ aw ka porozew la.

Baara kɛcogo

Bootstrap bɛ baara Kɛ ni <i>tag ye ikomi bɛɛ kama, nka u tɛ ni case class ye—prefix jɛlen dɔrɔn. Walasa ka baara kɛ ni nin kode in ye, aw bɛ nin kode in bila yɔrɔ o yɔrɔ la:

<i kalasi = " taamasiyɛn-ɲini" </i> 

Fɛɛrɛw fana bɛ yen minnu bɛ sɔrɔ taamasiyɛn inversé (nɛrɛma) kama, minnu labɛnna ni kalasi kelen wɛrɛ ye:

<i kalasi = " taamasiyɛn-ɲini taamasiyɛn-finman" </i> 

Kalanso 140 bɛ yen i bɛ se ka minnu sugandi i ka taamasiyɛnw kama. Dɔrɔn ka <i>tag dɔ fara a kan ni kalasi ɲumanw ye ani i bɛ sigi. Aw bɛ se ka lisi dafalen sɔrɔ sprites.less kɔnɔ walima yan yɛrɛ nin sɛbɛn in kɔnɔ.

Kungolow bɛ wuli! Ni aw bɛ baara kɛ ni sɛbɛnniw sɛrɛw kɛrɛfɛ, i n’a fɔ butɔni walima nav jɛgɛnsira la, aw ye aw jija ka yɔrɔ dɔ to <i>taamasiyɛn kɔfɛ walasa ka yɔrɔ janya ka ɲɛ.

Baara kɛ ni ko kɛlenw ye

Ikoniw ka bon, nka mɔgɔ bɛ se ka baara kɛ n’u ye min? Hakilina damadɔw filɛ nin ye:

• I n’a fɔ ɲɛjiraliw i ka kɛrɛfɛla navigatiɔn kama
• Walasa ka navigatiɔn dɔrɔn de ɲɛminɛ min bɛ kɛ ni taamasiyɛnw ye
• Walasa butɔni ka dɛmɛ ka wale dɔ kɔrɔ jira
• Ni jɛgɛnsiraw ye walasa ka contexte tila baarakɛla dɔ ka taa yɔrɔ kan

A jɔyɔrɔba ye, i bɛ se ka taamasiyɛn bila yɔrɔ o yɔrɔ <i>, i bɛ se ka taamasiyɛn dɔ bila.

Aw ye aw farikolo lafiya Aw ye a lajɛ Ka jɔsi

Jateminɛ Settings (Labɛnw). Kunnafoni wɛrɛw

Email ladɛrɛsi