Iskeelii maxxansaa

Guutummaan tarjaa barreeffamaa jijjiiramoota Xiqqaa lama irratti hundaa'a faayilii keenya keessatti jijjiiramoota.less: @baseFontSizefi @baseLineHeight. Inni jalqabaa hammangaa qubee bu'uuraa guutummaatti fayyadamu yoo ta'u inni lammaffaan olka'iinsa sarara bu'uuraati.

Jijjiiramoota sana fayyadamna, fi herrega tokko tokko, margaa, paadiingii, fi sarara-olka'iinsa akaakuu keenya hundaafi kkf uumuuf.

Fakkeenya barruu qaamaa

Nullam quis risus eget urna mollis faaya vel eu leo. Cum sociis natoque penatibus fi guddina moontees da'umsaa, nascetur ridiculus mus. Nullam id dolor id nibh ultricies konkolaataa ut id elit.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor caalbaasii. Duis mollis, est non commodo luctus, nisi erat ligulaa porttitor, eget lacinia odio sem nec elit. Donec sed odio dui.

Cimsuu fayyadamuun

Fusce dapibus , tellus ac cursus commodo , tortor mauris kondimentum nibh , ut fermentum massa qofa taa'uu amet risus. Maecenas faucibus mollis interdum jedhamuun beekama. Nulla vitae elit libero, afaan oromoo kan afaan oromoo fi hiika isaa pdf.

Hubachiisa: Fayyadamuuf bilisa ta'aa <b>fi <i>HTML5 keessatti, garuu itti fayyadamni isaanii xiqqoo jijjiirameera. <b>jechoota ykn gaalee osoo barbaachisummaa dabalataa hin dabarsin calaqqisiisuuf kan yaadame yoo ta’u <i>irra caalaa sagalee, jechoota teeknikaa fi kkf kan ta’udha.

Fakkeenya teessoo

<address>Akkaataa mallattoo itti fayyadamuu danda'amu fakkeenyota lama kunooti :

Fakkeenya gabaabduu

Gabateewwan barruu qubee guddaa fi daangaa jalaa tuqaa salphaa qabuun akkaataa itti qophaa'u. Akkasumas hover irratti qaree gargaarsaa qabu kanaaf fayyadamtoonni agarsiisa dabalataa waan tokko hover irratti akka agarsiifamu qabu.

HTML erga daabboo ciranii as waan hunda caaludha.

Gabaabduun jecha amaloota attr dha .

Caqasa ugguraa hammachuudhaaf, HTML<blockquote> kamiyyuu akka caqasaatti marsi. Caqasoota qajeeloodhaaf a .<p>

Madda kee caqasuuf elementii filannoo dabaliiti kaayyoo istaayiliidhaaf isa dura <small>daashiin em ni argatta .—

<caqasa ugguraa>
  <p> Lorem ipsum dolor taa'uu amet, consectetur adipiscing elit. Lakkoofsa guutuu posuere erat a ante venenatis. </p> jechuun ni danda’ama
  <xiqqaa> Nama beekamaa </xiqqaa>
</blockquote> jedhu

Caqasoonni uggura durtii akkasitti akkaataa itti qophaa'u:

Lorem ipsum dolor taa'uu amet, consectetur adipiscing elit. Lakkoofsa guutuu posuere erat a ante venenatis.

Nama Qaama hojii keessatti beekamu

Blookquote kee gara mirgaatti yaa'uuf, itti dabali class="pull-right":

Lorem ipsum dolor taa'uu amet, consectetur adipiscing elit. Lakkoofsa guutuu posuere erat a ante venenatis.

Nama Qaama hojii keessatti beekamu

Ajaja hin qabne

<ul>

• Lorem ipsum dolor taa'aa amet
• Consectetur adipiscing elit jedhamuun beekama
• Lakkoofsa guutuu molestie lorem at mass
• Faasilisis kan pretium nisl aliquet keessatti argamu
• Nulla volutpat alikiyaam velit jedhamuun beekama
  • Phasellus iaculis neque jedhamuun beekama
  • Purus sodales ultricies jedhamuun beekama
  • Vestibulum laoreet porttiitor sem
  • Ak tristique libero volutpat irratti
• Faucibus porta lacus fringilla vel jedhamuun beekama
• Aenean taa'u amet erat nunc
• Eget porttitor lorem jedhamtu

Unstyled ta'e

<ul class="unstyled">

• Lorem ipsum dolor taa'aa amet
• Consectetur adipiscing elit jedhamuun beekama
• Lakkoofsa guutuu molestie lorem at mass
• Faasilisis kan pretium nisl aliquet keessatti argamu
• Nulla volutpat alikiyaam velit jedhamuun beekama
  • Phasellus iaculis neque jedhamuun beekama
  • Purus sodales ultricies jedhamuun beekama
  • Vestibulum laoreet porttiitor sem
  • Ak tristique libero volutpat irratti
• Faucibus porta lacus fringilla vel jedhamuun beekama
• Aenean taa'u amet erat nunc
• Eget porttitor lorem jedhamtu

Ajajame

<ol>

1. Lorem ipsum dolor taa'aa amet
2. Consectetur adipiscing elit jedhamuun beekama
3. Lakkoofsa guutuu molestie lorem at mass
4. Faasilisis kan pretium nisl aliquet keessatti argamu
5. Nulla volutpat alikiyaam velit jedhamuun beekama
6. Faucibus porta lacus fringilla vel jedhamuun beekama
7. Aenean taa'u amet erat nunc
8. Eget porttitor lorem jedhamtu

Ibsa

<dl>

Tarreewwan ibsa

Tarreen ibsa jechoota hiikuuf mijataa dha.

Euismod jedhama

Vestibulum id ligula porta felis euismod sanyiin eget laasiiniyaa odio sem nec elit.

Donec id elit non mi porta gravida yeroo eget metus jedhamutti.

Malesuada portaa jedhama

Etiam porta sem malesuada guddaa mollis euismod jedhamuun beekama.

Sarara keessaa

Cuquliisa koodii sarara keessaa waliin marsi <code>.

Fakkeenyaaf , kutaa < koodii > </ koodii > akka sarara keessaatti marfamuu qaba .  

Blookii bu'uuraa

<pre>Sararoota koodii hedduudhaaf fayyadami . Sirnaan agarsiisuuf kaareetota kamiyyuu gara arfiilee yuunikoodii isaaniitti jijjiiruu kee mirkaneessi.

<p>Barruu fakkeenyaa asitti...</p>

<duraa> jedhu
  <p>Barruu fakkeenyaa asitti...</p>
</pre> jedhu

Hubachiisa:<pre> Koodii mallattoolee keessaa hamma danda'ametti bitaatti dhihoo kaa'uu kee mirkaneessi ; caancala hunda ni agarsiisa.

Google Prettify jedhamuun beekama

Qaama walfakkaataa fudhadhuutii <pre>agarsiisa fooyya'eef gita filannoo lama dabali.

<p> Fakkeenya barruu asitti... </p>

<pre class = "maxxansaa bareedaa ." 
     sarara sarara" >
  <p>Barruu fakkeenyaa asitti...</p>
</pre> jedhu

google-code-prettify buufadhaatii akkaataa itti itti fayyadamtan readme ilaalaa.

<gabatee> jedhu
  <mataa> jedhu
    <tr> jedhu
      <th> ... </th> jedhu
      <th> ... </th> jedhu
    </tr>dha
  </thead> jedhu
  <qaama> jedha
    <tr> jedhu
      <td> ... </td> jechuun ni danda’ama
      <td> ... </td> jechuun ni danda’ama
    </tr>dha
  </tbody> jedhu
</table> jedhu

Gabateewwan ofumaan daangaa muraasa qofaan akkaataa dubbifamuu mirkaneessuu fi caasaa eeguuf. 2.0 yoo qabaate, .tabledaree barbaachisaadha.

< gita gabatee = "gabatee" > 
  ...
</table> jedhu

Zebra-striping dabaluudhaan gabateewwan kee wajjin xiqqoo faashinii argadhu- .table-stripedkutaa qofa dabali.

Hubachiisa: Gabateewwan sprited :nth-childfilannoo CSS fayyadamu fi IE7-IE8 keessatti hin argamu.

< gita gabatee = "gabatee gabatee-sarara" > 
  ...
</table> jedhu

Daangaa naannoo guutummaa gabatee fi golee geengoo ta’e kaayyoo miidhaginaaf itti dabali.

< gita gabatee = "gabatee gabatee-daangaa" > 
  ...
</table> jedhu

.table-condensedPaadiingii man'ee gabatee walakkaatti (8px hanga 4px) muruuf gita dabaluudhaan gabateewwan kee caalaatti kompaaktii godhi .

< gita gabatee = "gabatee gabatee-gabatee" > 
  ...
</table> jedhu

Kutaalee jiran kamiyyuu fayyadamuun ilaalcha adda addaa galmaan ga'uuf gita gabatee kamiyyuu walitti makuuf bilisa ta'i.

<table class = "gabatee gabatee-sarara gabatee-daangaa gabatee-gabatee" > 
  ...
</table> jedhu

HTML fi CSS kan jijjiiramu

Kutaan hundarra gaariin waa'ee unkaalee Bootstrap keessatti galtee fi too'annoon kee hundi akkamitti mallattoo kee keessatti ijaartus baay'ee gaarii fakkaatu. HTML garmalee hin barbaachisu, garuu warra barbaadaniif paateenoota ni kennina.

Haalli walxaxaa ta'e gita gabaabaa fi guddachuu danda'u waliin dhufu akkaataa salphaa fi hidhuu taateef, kanaaf tarkaanfii hunda irratti haguugamta.

Haalata afur dabalatee

Bootstrap gosoota qindaa'ina unkaa afuriif deeggarsa waliin dhufa:

• Dhaabbataa (durtii) .
• Barbaaduu
• Sarara keessaa
• Dalga-galii

Gosootni qindaa'inoota unkaa adda addaa mallattoodhaaf jijjiiramoota tokko tokko barbaadu, garuu too'annoowwan mataan isaanii walfakkaataa ta'anii hafuu fi amala qabu.

Mootummoota to'achuu fi kkf

Unkaaleen Bootstrap akkaataa too'annoo unkaa bu'uuraa hundaaf akka galtee, naannoo barruu, fi filannoo ati eegdu of keessatti qabata. Garuu akkasumas lakkoofsa qaamolee amala akka galtee dabalamee fi dursee fi deeggarsa tarreewwan sanduuqa filannoo wajjin dhufa.

Haalli akka dogongoraa, akeekkachiisa, fi milkaa'ina tokkoon tokkoon gosa to'annoo unkaatiif hammatamaniiru. Akkasumas akkaataawwan too'annoo hanqifamaniif hammatamaniiru.

v2.0 waliin, akkaataa unkaaf durtii salphaa fi qaroo qabna. Mallattoo dabalataa hin qabu, too'annoo unkaa qofa.

Akkaataawwan WebKit durtii calaqqisiisuu, .form-searchman'eewwan barbaacha dabalataa geengoo ta'aniif qofa dabali.

Galteewwan sadarkaa bilookii jalqabuuf. .form-inlinefi , .form-horizontalinline-block fayyadamna.

Waan dabalame

To'annoo unkaa durtii nuti deeggarru hunda bitaa irratti agarsiifamaniiru. Tarreen rasaasaan guutame kunooti:

• galtee barruu (barruu, jecha icciitii, imeelii fi kkf) .
• sanduuqa filannoo
• raadiyoo
• filuu
• dachaa filadhu
• galtee faayilii
• naannoo barreeffamaa

Durtii haaraa v2.0 waliin

Hanga v1.4tti, akkaataaleen unkaa durtii Bootstrap haalata qajeelaa fayyadamaniiru. Bootstrap 2 waliin, unka kamiifuu durtii qaroo, guddaa ta'e qabaachuuf danqaa sana haqne.

Haala biraawzari irra deebiin qophaa'e

Bootstrap akkaataalee xiyyeeffannoo fi haalawwan biraawzariin deeggaramaniif agarsiisa disabled. Webkit durtii haqnee bakka isaa keessatti outlinea hojii irra oolchina .box-shadow:focus

Mirkaneessuu unkaa

Akkasumas dogongora, akeekkachiisa, fi milkaa'inaaf akkaataa mirkaneessuu of keessatti qabata. Fayyadamuuf, gita dogongoraa naannootti dabali .control-group.

<tuuta dirree
  class = "dogongora garee-to'annoo" >
  ...
</dirree tuuta>

Galtee dursaa & dabaluu

Gareen galtee—barruu dabalame ykn dursee qabame waliin-galteewwan keetif haalata dabalataa kennuudhaaf karaa salphaa ta'e ni kennu. Fakkeenyonni gurguddoon mallattoo @ maqaa fayyadamtoota Twitter ykn $ faayinaansii dabalata.

Sanduuqawwan filannoo fi raadiyoo

Hanga v1.4tti, Bootstrap isaan tuuluuf naannoo sanduuqawwan filannoo fi raadiyoo mallattoo dabalataa barbaada ture. Amma, dhimma salphaa irra deebi'uu kan <label class="checkbox">that wraps the <input type="checkbox">.

Sanduuqawwan filannoo sarara keessaa fi raadiyoonis ni deeggaraman. Kamirrattiyyuu dabaluu qofa .inlineykn xumurteetta..checkbox.radio

Unkaalee sarara keessaa fi dabali/dursi

Galteewwan durtii ykn dabaluu unka sarara keessaatti fayyadamuuf, .add-onfi inputsarara walfakkaataa irratti, iddooqa malee kaa'uu kee mirkaneessi.

Barruu gargaarsaa unkaa

Galtee unkaa keetiif barruu gargaarsaa dabaluuf, barruu gargaarsa sarara keessaa waliin <span class="help-inline">ykn uggura barruu gargaarsaa <p class="help-block">qaama galtee booda waliin dabali.

Qabduu gochootaaf

Akka waliigalteetti, qareewwan gochootaaf qofa fayyadamuu qabu yeroo haayperliinkii wantaaf fayyadamuu qabu. Fakkeenyaaf, "Download" button ta'uu qaba, "recent activity" ammoo link ta'uu qaba.

Ankuraa fi unkaaf

Akkaataawwan qaree hojii irra oole waliin waan kamiyyuu irratti hojii irra oolchuun ni danda'ama .btn. <a>Haa ta'u malee, akkaataa addaatiin kana qofa fi <button>elementoota irratti hojii irra oolchuu barbaadda .

Hubachiisa: Qabduuwwan hundi .btngita of keessatti qabachuu qabu. <button>Akkaataawwan qaree fi <a>elementoota walsimsiisaaf hojiirra ooluu qabu .

Safara dachaa

Buttons gurguddoo moo xixiqqoo ta'an barbaadduu? Itti qabaadhu!

Tarkaanfii jalqabaa Gocha

Tarkaanfii jalqabaa Gocha

Haala hanqifame

Qabduu hanqifameef, .btn-disabledhidhannoowwaniif fi elementootaaf :disabledfayyadami .<button>

Tarkaanfii jalqabaa Gocha

Tarkaanfii jalqabaa Gocha

Walsimsiisa biraawzari qaxxaamuraa

IE9 keessatti, IE9 garaagarummaa duubbee gara goleewwanitti waan hin murneef, goleewwan geengoo ta'aniif fayyadutti, qaree hunda irratti garaagarummaa gadi dhiifna.

Kan walqabatu, IE9 buttonelementoota hanqifaman jankifies, barruu halluu diimaa barruu-gaaddidduu jibbisiisoo ta'een agarsiisa-kan nama dhibu kana sirreessuu hin dandeenyu.

Akka sprite tokkootti ijaarame

Mallattoo hunda gaaffii dabalataa gochuu mannaa, gara sprite tti qindeessineerra-tuuta fakkiiwwan faayilii tokko keessatti kan CSS fayyadamuun fakkiiwwan waliin bakka kaa'u background-position. Kun mala nuti Twitter.com irratti fayyadamnu waan ta'eef akka gaariitti nuuf hojjeteera.

Gitoota mallattoolee hundinuu addaan fageenya .icon-maqaa sirrii fi bal'inaaf durtii qabu, baay'ee akkuma qaamolee keenya kanneen biroo. Kunis meeshaalee biroo wajjin waldhabdee akka hin uumamneef gargaara.

Glyphicons hanga as docs keessatti hidhaa fi liqii kenninutti meeshaa madda banaa keenya keessatti kaa'ame Halflings fayyadamuu nuuf hayyameera. Mee pirojektoota keessan keessattis akkasuma gochuu yaadaa.

Akkaataa itti fayyadama

v2.0.0 waliin, <i>mallattoolee keenya hundaaf mallattoo fayyadamuu filanneerra, garuu isaan gita keesii hin qaban-durtii qoodame qofa. Fayyadamuuf, koodii armaan gadii bakka barbaaddetti kaa'i:

<i class = "mallattoo-barbaacha" </i> 

Akkasumas, mallattoolee garagalfaman (adii)dhaaf akkaataaleen ni jiru, gita dabalataa tokkoon qophaa'anii:

<i class = "mallattoo-barbaadi mallattoo-adii" ></i> 

Sagaleewwan keessaniif kutaalee 120 filachuu dandeessan jiru. <i>Taagiin gita sirrii ta'e qabu qofa itti dabaliiti saagamteetta. Tarree guutuu sprites.less keessatti ykn sirriitti as galmee kana keessatti argachuu dandeessa.

Fayyadama keesii

Icons guddaa dha, garuu namni eessatti itti fayyadama? Yaadonni muraasni kunooti:

• Akka mul'ataa navigeeshinii barruu cinaa keessaniif
• Navigeeshinii qulqulluu mallattoodhaan geggeeffamuuf
• Qabduu hiika gocha tokkoo dabarsuu gargaaruuf
• Hidhamtoota bakka fayyadamaan itti deemu irratti haala qooddachuuf gargaaran waliin

Bu'uuraan, bakka kamiyyuu <i>mallattoo kaa'uu dandeessutti, mallattoo kaa'uu dandeessa.

Haaromsaa Checkout godhaa Haquu

Yaada kennuu Sajoolee Odeeffannoo Dabalataaf