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 penaatibus fi guddina moontees da'umsaa, nascetur ridiculus mus. Nullam id dolor id nibh ultricies konkolaataa.

Koppii qaama dursaa

Keeyyatni tokko .lead.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor caalbaasii. Duis mollis, est kan koomoodoo hin taane.

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 :

Twitter, Inc.
795 Folsom Ave, Suite 600
Saan Firaansiiskoo, CA 94107
P: (123) 456-7890. Afaan Oromoo fi Jechoota Dinqisiiso Afaan Oromoo

Maqaa Guutuu
[email protected]

Fakkeenya gabaabduu

Gabateewwan titleamaloota qaban daangaa jalaa tuqaa ifaa fi qaree gargaarsaa hover irratti qabu. Kunis fayyadamtootaaf wanti tokko hover irratti akka agarsiifamu agarsiisa dabalataa kenna.

initialismHanga barruu xiqqoo xiqqaa ta'e kennuudhaan walsimsiisa maxxansaa guddisuuf gita gara gabaabduutti dabali .

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.

Ibsa qajeelaa

<dl class="dl-horizontal">

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.

Felis euismod semper eget laasiiniyaa jedhamuun beekama

Fusce dapibus, tellus ac cursus commodo, tortor mauris kondimentum nibh, ut fermentum massa qofa taa'uu amet risus.

---

Mataa ol qaba! Tarreewwan ibsa qajeelaa jechoota sirreeffama tarjaa bitaa keessatti walsimsiisuuf baay'ee dheeraa ta'an ni muru text-overflow. Buufatawwan ilaalchaa dhiphoo ta'an keessatti, gara qindaa'ina durtii tuulameetti ni jijjiiramu.

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 koodii keessatti qaree kofa kamiyyuu miliquu 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.

Filannoodhaan .pre-scrollablegita kan olka'iinsa guddaa 350px saaguu fi barruu qaxxaamuraa siiqqe y kennuu dabaluu dandeessa.

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.

Adda baasuuf mallattoo wayitti maxxanfamu	Ibsa
<table>	Qaama marmaa deetaa bifa gabatee agarsiisuuf
<thead>	Qabeentaa qabduu tarreewwan mataduree gabatee ( <tr>) gara tarjaawwan gabatee asxaa
<tbody>	Qaama qabduu tarreewwan gabatee ( <tr>) qaama gabatee keessatti
<tr>	Qaama qabduu tuuta man'eewwan gabatee ( <td>ykn <th>) tarree tokko irratti mul'atuuf
<td>	Man'ee gabatee durtii
<th>	Man'ee gabatee addaa asxaalee tarjaa (ykn tarree, bal'inaafi iddoo irratti hundaa'uun) a keessaa fayyadamuu qaba<thead>
<caption>	Ibsa ykn gabaabduu waan gabatee qabatu, keessumaa dubbistoota iskiriiniif faayidaa qaba

<gabatee> jedhu
  <mataa> jedhu
    <tr> jedhu
      <th> ... </th> jedhu
      <th> ... </th> jedhu
    </tr>dha
  </thead> jedhu
  <qaama> jedha
    <tr> jedhu
      <td> ... </td> jedhu
      <td> ... </td> jedhu
    </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

#	Maqaa jalqabaa	Maqaa akaakayyuu	Maqaa fayyadamaa
1. 1.	Maarqos	Otto	@mdo jedhaa
2. 2.	Yaaqoob	Thornton jedhamuun beekama	@furdaa
3. 3.	Laarii	kan jedhu Simbirroo	@twitter irratti argattu

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

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

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

#	Maqaa jalqabaa	Maqaa akaakayyuu	Maqaa fayyadamaa
1. 1.	Maarqos	Otto	@mdo jedhaa
2. 2.	Yaaqoob	Thornton jedhamuun beekama	@furdaa
3. 3.	Laarii	kan jedhu Simbirroo	@twitter irratti argattu

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

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

#	Maqaa jalqabaa	Maqaa akaakayyuu	Maqaa fayyadamaa
1. 1.	Maarqos	Otto	@mdo jedhaa
	Maarqos	Otto	@getbootstrap irratti argattu
2. 2.	Yaaqoob	Thornton jedhamuun beekama	@furdaa
3. 3.	Laarii Simbirroo		@twitter irratti argattu

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

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

#	Maqaa jalqabaa	Maqaa akaakayyuu	Maqaa fayyadamaa
1. 1.	Maarqos	Otto	@mdo jedhaa
2. 2.	Yaaqoob	Thornton jedhamuun beekama	@furdaa
3. 3.	Laarii Simbirroo		@twitter irratti argattu

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

	Maqaa guutuu
#	Maqaa jalqabaa	Maqaa akaakayyuu	Maqaa fayyadamaa
1. 1.	Maarqos	Otto	@mdo jedhaa
2. 2.	Yaaqoob	Thornton jedhamuun beekama	@furdaa
3. 3.	Laarii Simbirroo		@twitter irratti argattu

HTML fi CSS kan jijjiiramu

Waa'ee unkaalee Bootstrap keessatti kutaan hundarra gaariin 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

Gosoonni qindaa'inoota unkaa adda addaa mallattoodhaaf jijjiirama 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 dogoggora, akeekkachiisa, fi milkaa'ina tokkoon tokkoon gosa to'annoo unkaatiif hammatamaniiru. Akkasumas akkaataawwan too'annoo hanqifamaniif hammatamaniiru.

Bifa bu’uuraa

Smart fi salphaa durtii mallattoo dabalataa malee.

Maqaa asxaa

Fakkeenya barruu gargaarsaa sadarkaa ugguraa asitti.

Mee ilaalaa Galchuu

< gita unkaa = "tole" > 
  <label> Maqaa asxaa </label>
  < gosa galtee = "barruu" gita = "span3" iddooqa = "Waan tokko barreessi..." >   
  <span class = "help-block" > Fakkeenya barruu gargaarsaa sadarkaa ugguraa asitti. </span> jechuun ni danda’ama 
  < gita asxaa = "sanduuqa filannoo" > 
    <input type = "checkbox" > Na ilaali 
  </label> jedhu
  <button type = "galchi" class = "btn" > Galchi </button>  
</form> jedhu

Unka barbaadi

Unka .form-searchirratti fi .search-querygara input.

Barbaaduu

< gita unkaa = "tole unka-barbaacha" > 
  < gosa galtee = "barruu" gita = "galtee-giddugaleessa barbaacha-gaaffii" >  
  <button type = "submit" class = "btn" > Barbaadi </button>  
</form> jedhu

Unka sarara keessaa

.form-inlineHiriirsa dhaabbataa fi addaan fageenya too'annoo unkaa finessuuf dabali .

Na yaadadhaa Galmaa'i

< gita unkaa = "tole unka-sarara keessaa" > 
  < gosa galtee = "barruu" gita = "galtee-xiqqaa" iddooqa = "Email" >   
  < gosa galtee = "jecha icciitii" gita = "galtee-xiqqaa" iddooqa = "Jecha icciitii" >   
  < gita asxaa = "sanduuqa filannoo" > 
    <input type = "checkbox" > Na yaadadhu 
  </label> jedhu
  <button type = "submit" class = "btn" > Galmi </button>  
</form> jedhu

Mirga irratti kan agarsiifaman too'annoowwan unkaa durtii nuti deeggarru hundi. Tarreen rasaasaan guutame kunooti:

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

Galtee barruu

Barruu bifa bilisaatiin alatti, galteen barruu HTML5 irratti hundaa'e kamiyyuu akkasitti mul'ata.

Sanduuqa filannoo

Filannoon tokko kanaa fi sana-maaliif akka guddaa ta’e dabaluu kee mirkaneessi

Tarree filadhu

waanta ta'e 2. 2. 3. 3. 4. 5. 5.

Multicon-filannoo

1. 1. 2. 2. 3. 3. 4. 5. 5.

Galtee faayilii

Naannoo barreeffamaa

Jijjiiramoota qusadhu Haquu

Fakkeenya mallattoo

Haalata unkaa fakkeenyaa armaan olii yoo kenname, mallattoon garee galtee fi too'annoo jalqabaa wajjin walqabate kunooti. , .control-group, .control-labelfi .controlskutaaleen hundi isaanii istaayiliidhaaf barbaachisoodha.

< gita unkaa = "unka-horizontal" > 
  <tuuta dirree>
    <sheekkoo> Barreeffama sheekkoo </legend>
    <div class = "garee-to'annoo" > 
      <label class = "to'annoo-asxaa" for = "galtee01" > Galtee barruu </label>  
      <div class = "to'annoo" > 
        < gosa galtee = "barruu" gita = "galtee-xlarge" id = "galtee01" >   
        <p class = "help-block" > Barruu gargaarsaa deeggaru </p> 
      </div> jechuun ni danda’ama
    </div> jechuun ni danda’ama
  </dirree tuuta>
</form> jedhu

Bootstrap akkaataalee xiyyeeffannoo fi haalawwan biraawzariin deeggaramaniif agarsiisa disabled. Webkit durtii haqnee bakka isaa 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 xiyyeeffannoo qabu

Galtee hin gulaalamne

Tokko tokko asitti gatii guddaa kennu

Galtee hanqifame

Sanduuqa filannoo hanqifame

Kun sanduuqa filannoo hanqifameedha

Galtee akeekkachiisa waliin

Wanti tokko dogoggora taʼuu dandaʼa

Dogoggora waliin galchi

Dogoggora jiru sirreessaa

Milkaa'ina waliin galtee

Woohoo!

Milkaa'inaan filadhu

1. 1. 2. 2. 3. 3. 4. 5. 5. Woohoo!

Jijjiiramoota qusadhu Haquu

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.

Safara giiridii unkaa

1. 1. 2. 2. 3. 3. 4. 5. 5. 1. 1. 2. 2. 3. 3. 4. 5. 5. 1. 1. 2. 2. 3. 3. 4. 5. 5.

.span*Hammangaawwan galteedhaaf gita walfakkaataa sirna tarjaa irraa fayyadami.

Safara wal jijjiirraa

Akkasumas gitaalee istaatiksii kanneen gara tarjaa hin kaartaan, akkaataa CSS deebii kennutti madaqsan, ykn gosoota too'annoo adda addaa herrega hin qabne fayyadamuu dandeessa (fkn, inputvs. select).

Barreeffama dursee qophaa'e

@

Barreeffama gargaarsaa tokko tokko kunooti

Barreeffama dabalame

.00 ta’a

Barreeffama gargaarsaa dabalataa kunooti

Append fi prepend gochuu

$ .00 ta’a

Button waliin dabali

Deemi!

Buttooni lamaa dabaluu

Barbaaduu Filannoowwan

Sanduuqawwan filannoo sarara keessaa

1. 1. 2. 2. 3. 3.

Sanduuqawwan filannoo

Filannoon tokko kanaa fi sana-maaliif akka guddaa ta’e dabaluu kee mirkaneessi Filannoon lamas sakatta’amee bu’aa unkaa keessatti hammatamuu danda’a Filannoon sadii—eeyyee, tilmaamteetta—akkasumas sakatta’amuu fi bu’aa unkaa keessatti hammatamuu danda’a

Hubachiisa: Asxaaleen filannoowwan hunda naannoowwan cuqaasuu baay'ee guddaa fi unkaa caalaatti fayyadamuu danda'uuf marsu.

Qabduu raadiyoo

Filannoon tokko kanaa fi sana-maaliif akka guddaa ta’e dabaluu kee mirkaneessi Filannoon lama waan biraa ta'uu danda'a filachuun filannoo tokko ni haqa

Jijjiiramoota qusadhu Haquu

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.

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

Walsimsiisa biraawzari qaxxaamuraa

IE9 golee geengoo irratti garaagarummaa duubaa hin muru, kanaaf ni balleessina. Kan walqabatu, IE9 buttonelementoota hanqifaman jankifies, barruu halluu diimaa barruu-gaaddidduu jibbisiisoo nuti sirreessuu hin dandeenye waliin agarsiisa.

Safara dachaa

Buttons gurguddoo moo xixiqqoo ta'an barbaadduu? .btn-large, .btn-small, ykn .btn-minihammangaa dabalataa lamaaf dabali .

Tarkaanfii jalqabaa Gocha

Tarkaanfii jalqabaa Gocha

Tarkaanfii jalqabaa Gocha

Haala hanqifame

Qabduu hanqifameef, .disabledgita gara hidhannoowwanii fi disabledamalli <button>elementootaaf dabali.

Link jalqabaa Hidhata

Qabduu jalqabaa Furtuu

Mataa ol qaba! .disabledAsitti akka gita faayidaatti fayyadamna, gita waliigalaa wajjin wal fakkaata , .activekanaaf durtii tokkollee hin barbaachisu.

Gitaa tokko, mallattoolee hedduu

.btnGitaa <a>, <button>, ykn <input>elementii irratti fayyadami .

Hidhata Furtuu

<a class = "btn" href = "" > Hidhaa </a>  
<button class = "btn" gosa = "galchi" >  
  Furtuu
</button> jedhu
< gita galtee = "btn" akaakuu = "button".  
         gatii = "Galtee" >
< gita galtee = "btn" gosa = "galchi".  
         gatii = "Galchi" >

Akka shaakala gaariitti, agarsiisa qaxxaamuraa-browzarii walsimsiisuu mirkaneessuuf elementii siif yaadannoo walsimsiisuuf yaali. Yoo qabaatte , button keetif inputtokko fayyadami .<input type="submit">

• mallattoo-giraasii
• icon-muuziqaa
• mallattoo-barbaacha
• mallattoo-envelope jedhu
• icon-garaa
• mallattoo-urjii
• mallattoo-urjii-duwwaa
• mallattoo-fayyadamaa
• icon-film jedhamuun beekama
• mallattoo-ffaa-guddaa
• mallattoo-th
• mallattoo-tarree-tarree
• mallattoo-ok
• mallattoo-baqsuu
• mallattoo-guddisuu
• mallattoo-guddisuu-xiqqeessuu
• mallattoo-cufaadha
• mallattoo-mallattoo
• mallattoo-cog
• mallattoo-kosii
• mallattoo-mana
• mallattoo-faayilii
• mallattoo-yeroo
• mallattoo-karaa
• mallattoo-buufachuu-alt
• mallattoo-buufachuu
• mallattoo-olkaa'uu
• mallattoo-sanduuqa galmee
• mallattoo-taphaa-geengoo
• mallattoo-irra deebi’uu
• mallattoo-haaraa gochuu
• mallattoo-tarree-alt
• mallattoo-qulfii
• mallattoo-alaabaa
• mallattoo-headphones jedhaman

• mallattoo-jildii-cufuu
• mallattoo-jildii-gadi
• mallattoo-jildii-ol
• mallattoo-qrkoodii
• mallattoo-barkoodii
• mallattoo-mallattoo
• mallattoo-mallattoolee
• mallattoo-kitaaba
• mallattoo-mallattoo
• mallattoo-maxxansaa
• mallattoo-kaameeraa
• mallattoo-qubee
• mallattoo-jajjaboo
• mallattoo-qabxii
• mallattoo-barruu-olka’iinsa
• mallattoo-barruu-bal'ina
• mallattoo-hiriir-bitaa
• mallattoo-hiriir-giddugaleessa
• mallattoo-hiriir-mirga
• icon-align-justify gochuu
• mallattoo-tarree
• mallattoo-indent-bitaa
• mallattoo-indent-mirga
• mallattoo-fuula-yeroo-viidiyoo
• mallattoo-fakkii
• mallattoo-qalama
• mallattoo-kaartaa-mallattoo
• mallattoo-sirreessu
• mallattoo-tint
• mallattoo-gulaaluu
• icon-share gochuu
• mallattoo-sakatta'i
• mallattoo-sochoosuu
• mallattoo-tarkaanfii-duubatti deebi'uu
• mallattoo-saffisaa-duubatti deebi'uu

• mallattoo-duubatti
• mallattoo-taphachuu
• mallattoo-dhaabbachuu
• mallattoo-dhaabbachuu
• mallattoo-fuulduratti
• icon-fast-forward jedhu
• mallattoo-tarkaanfii-fuulduratti
• mallattoo-baasu
• mallattoo-chevron-bitaa
• mallattoo-chevron-mirga
• mallattoo-dabalataa-mallattoo
• mallattoo-hir'isuu-mallattoo
• mallattoo-mallattoo-baqsuu
• mallattoo-ok-mallattoo
• mallattoo-gaaffii-mallattoo
• mallattoo-odeeffannoo-mallattoo
• mallattoo-iskiriinii
• mallattoo-buqqisuu-geengoo
• mallattoo-ok-geengoo
• mallattoo-uggura-geengoo
• mallattoo-xiyya-bitaa
• mallattoo-xiyya-mirga
• mallattoo-xiyya-ol
• mallattoo-xiyya-gadi
• mallattoo-qoodaa-alt
• mallattoo-safara-guutuu
• mallattoo-guddina-xiqqaa
• mallattoo-dabalataa
• mallattoo-hir'isuu
• mallattoo-urjii
• mallattoo-waamicha-mallattoo
• mallattoo-kennaa
• mallattoo-baala
• mallattoo-ibidda
• icon-ija-banaadha

• icon-ija-cufuu
• mallattoo-akeekkachiisa-mallattoo
• mallattoo-xiyyaara
• mallattoo-kalaandarii
• mallattoo-tasaa
• icon-yaada kennuu
• mallattoo-maagneetii
• mallattoo-chevron-up jedhu
• mallattoo-chevron-gadi
• mallattoo-retweet gochuu
• mallattoo-gaarii-bittaa
• mallattoo-galfata-cufi
• mallattoo-galfata-banaa
• mallattoo-guddina-dhaabbataa
• mallattoo-guddina-horizontal
• mallattoo-hdd jedhu
• mallattoo-bullhorn jedhamuun beekama
• mallattoo-beellaa
• mallattoo-ragaa
• mallattoo-qubbee-ol-qabachuu
• mallattoo-qubbee-gadi
• mallattoo-harka-mirga
• mallattoo-harka-bitaa
• mallattoo-harka-ol
• mallattoo-harka-gadi
• mallattoo-geengoo-xiyya-mirga
• mallattoo-geengoo-xiyya-bitaa
• mallattoo-geengoo-xiyya-ol
• mallattoo-geengoo-xiyya-gadi
• mallattoo-giloobii
• mallattoo-furtuu
• hojiiwwan mallattoo
• mallattoo-calaqqee
• mallattoo-boorsaa
• mallattoo-guutuu iskiriinii

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

Bootstrap <i>mallattoolee hundaaf mallattoo fayyadama, 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 akkaataan jiru, gita dabalataa tokkoon qophaa'aa ta'e:

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

Sagaleewwan keessaniif kutaalee 140 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.

Mataa ol qaba! <i>Yeroo tarreewwan barruu cinaa fayyadamtu, akkuma qaree ykn hidhannoo nav keessatti, addaan fageenya sirrii ta'eef mallattoo booda iddoo dhiisuu mirkaneessi .

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

Teessoo imeelii