Ma'aunin rubutu

Gabaɗayan grid ɗin rubutun yana dogara ne akan ƙananan ma'auni guda biyu a cikin masu canjin mu. Fayil maras kyau: @baseFontSizeda @baseLineHeight. Na farko shine girman font-girman da aka yi amfani da shi duka kuma na biyu shine tsayin layin tushe.

Muna amfani da waɗancan sauye-sauye, da wasu maths, don ƙirƙira margins, paddings, da tsayin layi na kowane nau'in mu da ƙari.

Misali rubutun jiki

Nullam quis risus eget urna mollis ornare vel eu leo. Duk da haka, muna magana ne game da abin ban dariya da kuma ban mamaki. Nullam id dolor id nibh ultricies vehicula.

Kwafin jikin jagora

Sanya sakin layi ya fice ta ƙara .lead.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est ba commodo luctus.

Amfani da girmamawa

Fusce dapibus , tellus ac cursus commodo , tortor mauris condimentum nibh , ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum. Nulla vitae elit libero, a pharetra augue.

Lura: Jin kyauta don amfani <b>kuma <i>a cikin HTML5, amma amfanin su ya ɗan canza kaɗan. <b>ana nufin haskaka kalmomi ko jimloli ba tare da isar da ƙarin mahimmanci ba yayin <i>da galibin murya ne, kalmomin fasaha, da sauransu.

Misali adireshi

Ga misalai guda biyu na yadda <address>za a iya amfani da alamar:

Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890

Cikakken Suna
[email protected]

Misali gajarta

Gajartawa tare da titlesifa suna da haske mai dige-gege na ƙasa da siginan taimako akan shawagi. Wannan yana ba masu amfani ƙarin nunin wani abu da za a nuna akan hover.

Ƙara initialismajin zuwa gajarce don ƙara daidaituwar rubutu ta hanyar ba shi ɗan ƙaramin girman rubutu.

HTML shine abu mafi kyau tun yankakken gurasa.

Gajartawar kalmar sifa ita ce attr .

Don haɗa da blockquote, kunsa <blockquote>kowane HTML azaman abin ƙira. Don madaidaiciyar magana muna ba da shawarar a <p>.

Haɗa wani zaɓi na zaɓi <small>don faɗi tushen ku kuma za ku sami dash —a gabansa don dalilai na salo.

<blockquote>
  <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer yana da alaƙa da ante venenatis. </p>
  <small> Wani sanannen </small>
</blockquote>

Tsohuwar blockquotes an tsara su kamar haka:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer yana da alaƙa da ante venenatis.

Wani shahararre a Jikin aiki

Don shawagi blockquote zuwa dama, ƙara class="pull-right":

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer yana da alaƙa da ante venenatis.

Wani shahararre a Jikin aiki

Ba a ba da oda ba

<ul>

• Lorem ipsum dolor sit amet
• Consectetur adipiscing elit
• Integer molestie lorem at massa
• Facilisis a cikin pretium nisl aliquet
• Nulla volutpat aliquam velit
  • Phasellus iaculus neque
  • Purus sodales ultricies
  • Vestibulum laoreet porttitor sem
  • Ac tristique libero volutpat a
• Faucibus porta lacus fringilla vel
• Aenean sit amet erat nunc
• Eget porttitor lorem

Mara salo

<ul class="unstyled">

• Lorem ipsum dolor sit amet
• Consectetur adipiscing elit
• Integer molestie lorem at massa
• Facilisis a cikin pretium nisl aliquet
• Nulla volutpat aliquam velit
  • Phasellus iaculus neque
  • Purus sodales ultricies
  • Vestibulum laoreet porttitor sem
  • Ac tristique libero volutpat a
• Faucibus porta lacus fringilla vel
• Aenean sit amet erat nunc
• Eget porttitor lorem

An yi oda

<ol>

1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Integer molestie lorem at massa
4. Facilisis a cikin pretium nisl aliquet
5. Nulla volutpat aliquam velit
6. Faucibus porta lacus fringilla vel
7. Aenean sit amet erat nunc
8. Eget porttitor lorem

Bayani

<dl>

Jerin bayanin

Jerin bayanin ya dace don ma'anar kalmomi.

Euismod

Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.

Donec id un mi porta gravida a eget metus.

Malesuada porta

Ka yi la'akari da abin da ake kira euismod.

Bayanin kwance

<dl class="dl-horizontal">

Jerin bayanin

Jerin bayanin ya dace don ma'anar kalmomi.

Euismod

Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.

Donec id un mi porta gravida a eget metus.

Malesuada porta

Ka yi la'akari da abin da ake kira euismod.

Felis euismod semper eget lacinia

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

---

A kula! Lissafin bayanin a kwance za su yanke sharuddan da suka yi tsayi da yawa don dacewa da ginshiƙi na hagu text-overflow. A cikin kunkuntar wuraren kallo, za su canza zuwa tsayayyen shimfidar wuri.

Layin layi

Kunna snippets na layi tare da <code>.

Misali , < code> sashe </ code > yakamata a nade shi azaman layi .  

Tushe na asali

Yi amfani <pre>da layukan lamba da yawa. Tabbatar da kubuta daga kowane maƙallan kusurwa a cikin lambar don yin daidai.

<p>Sample rubutu a nan...</p>

<pre>
  <p>Sample rubutu a nan...</p>
</pre>

Lura: Tabbatar kiyaye lamba a cikin <pre>alamun kusa da hagu kamar yadda zai yiwu; zai sanya duk shafuka.

Kuna iya ƙara .pre-scrollableajin da zaɓin wanda zai saita max-tsawo na 350px kuma ya ba da madaidaicin madaidaicin y-axis.

Google Prettify

Ɗauki kashi iri <pre>ɗaya kuma ƙara azuzuwan zaɓi biyu don ingantacciyar ma'ana.

<p> Misalin rubutu a nan... </p>

<pre class = "prettyprint 
     linenums" >
  <p>Sample rubutu a nan...</p>
</pre>

Zazzage google-code-prettify kuma duba readme don yadda ake amfani da su.

Tag	Bayani
<table>	Nade kashi don nuna bayanai a cikin tsari na tabular
<thead>	Kayan kwantena don layuka na kan tebur ( <tr>) don yiwa ginshiƙan tebur lakabi
<tbody>	Kayan kwantena don layuka na tebur ( <tr>) a jikin teburin
<tr>	Kayan kwantena don saitin sel na tebur ( <td>ko <th>) wanda ke bayyana akan layi ɗaya
<td>	Tantanin halitta na asali
<th>	Tantanin halitta na musamman don ginshiƙi (ko jere, dangane da iyaka da jeri) Dole ne a yi amfani da alamun a cikin a<thead>
<caption>	Bayani ko taƙaita abin da tebur ya ƙunsa, musamman masu amfani ga masu karanta allo

<tebur>
  <fito>
    <tr>
      <th> … </th>
      <th> … </th>
    </tr>
  </fadi>
  <tbody>
    <tr>
      <td> … </td>
      <td> … </td>
    </tr>
  </tbody>
</text>

Ana yin salo ta atomatik tare da ƴan iyakoki don tabbatar da karantawa da kiyaye tsari. Tare da 2.0, .tableana buƙatar aji.

< class class = "tebur" > 
  …
</text>

#	Sunan rana	Sunan mahaifa	Sunan mai amfani
1	Alama	Otto	@mdo
2	Yakubu	Thornton	@mai
3	Larry	Tsuntsu	@twitter

Samun ɗan zato tare da tebur ɗinku ta ƙara zakin zebra - ƙara .table-stripedaji kawai.

Lura: Teburan da aka zare suna amfani da :nth-childmai zaɓin CSS kuma babu shi a cikin IE7-IE8.

< class class = "Table-stripped" > 
  …
</text>

#	Sunan rana	Sunan mahaifa	Sunan mai amfani
1	Alama	Otto	@mdo
2	Yakubu	Thornton	@mai
3	Larry	Tsuntsu	@twitter

Ƙara iyakoki kewaye da dukan teburi da sasanninta masu zagaye don dalilai na ado.

< class class = "tebur mai iyaka" > 
  …
</text>

#	Sunan rana	Sunan mahaifa	Sunan mai amfani
1	Alama	Otto	@mdo
	Alama	Otto	@getbootstrap
2	Yakubu	Thornton	@mai
3	Larry the Bird		@twitter

Sanya tebur ɗin ku ya zama ƙarami ta ƙara .table-condensedajin don yanke fakitin tantanin halitta a rabi (daga 8px zuwa 4px).

< class class = "Table-condensed" > 
  …
</text>

#	Sunan rana	Sunan mahaifa	Sunan mai amfani
1	Alama	Otto	@mdo
2	Yakubu	Thornton	@mai
3	Larry the Bird		@twitter

Jin kyauta don haɗa kowane azuzuwan tebur don cimma kamanni daban-daban ta amfani da kowane ɗayan darussan da ake da su.

< class class = "Table-stried table-condensed table-condensed" > 
  ...
</text>

	Cikakken suna
#	Sunan rana	Sunan mahaifa	Sunan mai amfani
1	Alama	Otto	@mdo
2	Yakubu	Thornton	@mai
3	Larry the Bird		@twitter

HTML da CSS masu sassauƙa

Mafi kyawun sashi game da fom a cikin Bootstrap shine cewa duk abubuwan shigar ku da abubuwan sarrafawa suna da kyau komai yadda kuka gina su a cikin alamarku. Ba a buƙatar babban HTML, amma muna samar da tsari ga waɗanda ke buƙatar sa.

Ƙarin rikitattun shimfidu suna zuwa tare da taƙaitattun azuzuwan da za a iya daidaita su don salo mai sauƙi da ɗaure taron, don haka ana rufe ku a kowane mataki.

An haɗa shimfidu huɗu

Bootstrap ya zo tare da tallafi don nau'ikan shimfidu nau'i huɗu:

• A tsaye (tsoho)
• Bincika
• Layin layi
• A kwance

Daban-daban na shimfidu na tsari suna buƙatar wasu canje-canje don yin alama, amma abubuwan sarrafawa da kansu sun kasance kuma suna yin iri ɗaya.

Sarrafa jihohin da sauransu

Siffofin Bootstrap sun haɗa da salo don duk tushen tsarin sarrafawa kamar shigarwa, yanki, da zaɓin da kuke so. Amma kuma yana zuwa tare da adadin abubuwan da aka gyara na al'ada kamar abubuwan da aka haɗa da waɗanda aka riga aka tsara da kuma goyan bayan lissafin akwatuna.

Jihohi kamar kuskure, gargaɗi, da nasara an haɗa su don kowane nau'in sarrafa nau'i. Hakanan an haɗa da salo don sarrafa nakasassu.

Siffar asali

Wayayye da ƙarancin nauyi ba tare da ƙarin alama ba.

Lakabin suna

Misalin rubutun taimako na matakin toshe anan.

Duba ni Sallama

< class class = "da kyau" > 
  <label> Lakabin suna </label>
  < nau'in shigarwa = "rubutu" aji = "span3" mai riƙewa = " Buga wani abu..." >   
  <span class = "help-block" > Misalin rubutun taimako na matakin toshe anan. </span> 
  < class class = "checkbox" > 
    < nau'in shigarwa = "akwatin ajiya" > Duba ni 
  </labarai>
  <button type = "submit" class = "btn" > Aika < /button>  
</form>

Binciken tsari

Ƙara .form-searchzuwa fom kuma .search-queryzuwa ga input.

Bincika

< class class = "da kyau form-search" > 
  < nau'in shigarwa = "rubutu" aji = "tambayoyin bincike-matsakaici" >  
  <button type = "submit" class = "btn" > Bincika </button>  
</form>

Tsarin layi

Ƙara .form-inlinedon ƙera jeri a tsaye da tazarar sarrafa nau'i.

Ka tuna da ni Shiga

< class class = "to form-inline" > 
  < nau'in shigarwa = "rubutu" aji = "input-small" mai sanya wuri = "Imel" >   
  < nau'in shigarwa = "Password " aji = "shigar-small" mai sanya wuri = "Password" >   
  < class class = "checkbox" > 
    < nau'in shigarwa = "akwatin ajiya" > Ka tuna da ni 
  </labarai>
  <button type = "submit" class = "btn" > Shiga </button>  
</form>

Ana nunawa a hannun dama duk tsoffin tsarin sarrafa fom da muke tallafawa. Ga jerin harsashi:

• shigar da rubutu (rubutu, kalmar sirri, imel, da sauransu)
• akwati
• rediyo
• zaɓi
• zaɓi da yawa
• shigar da fayil
• yankin rubutu

Shigar da rubutu

Baya ga rubutun kyauta, duk wani shigar da tushen rubutu na HTML5 ya bayyana kamar haka.

Akwatin ajiya

Zaɓin ɗaya shine wannan da wancan — tabbas kun haɗa da dalilin da yasa yake da kyau

Zaɓi lissafin

wani abu 2 3 4 5

Multicon-zaɓi

1 2 3 4 5

Shigar da fayil

Yankin rubutu

Ajiye canje-canje Soke

Misali alama

Idan aka ba da shimfidar sigar misali na sama, ga alamar da ke da alaƙa da shigarwar farko da ƙungiyar sarrafawa. Ana buƙatar .control-group, .control-label, da azuzuwan don salo..controls

< class class = "form-horizontal" > 
  <filaye>
    <labarin> Rubutun almara </legend>
    <div class = "control-group" > 
      <label class = "control-label" don = "input01" > Shigar da rubutu </label>  
      <div class = "controls" > 
        < nau'in shigarwa = "rubutu" aji = "input-xlarge" id = "shigarwar01" >   
        <p class = "help-block" > Taimakon rubutu </p> 
      </div>
    </div>
  </fieldset>
</form>

Bootstrap yana fasalta salo don mai da hankali mai goyan bayan mai lilo da disabledjihohi. Muna cire tsohowar Webkit outlinekuma muna amfani da box-shadowa wurin sa don :focus.

---

Tabbatar da tsari

Hakanan ya haɗa da salon tabbatarwa don kurakurai, faɗakarwa, da nasara. Don amfani, ƙara ajin kuskure zuwa kewaye .control-group.

<filaye
  class = "kuskuren rukuni-rukuni" >
  …
</fieldset>

Shigar da aka mayar da hankali

Shigar da ba za a iya gyarawa ba

Wasu ƙima a nan

An kashe shigarwar

An kashe akwati

Wannan akwati ne naƙasasshe

Shigar da gargadi

Wataƙila wani abu ya ɓace

Shigar da kuskure

Da fatan za a gyara kuskuren

Shigarwa tare da nasara

Woohoo!

Zaɓi tare da nasara

1 2 3 4 5 Woohoo!

Ajiye canje-canje Soke

Shirya & saka abubuwan shigarwa

Ƙungiyoyin shigarwa-tare da rubutun da aka haɗa ko riga-kafi-suna samar da hanya mai sauƙi don ba da ƙarin mahallin abubuwan da kuka shigar. Manyan misalai sun haɗa da alamar @ don sunayen masu amfani da Twitter ko $ don kuɗi.

---

Akwatunan rajista da rediyo

Har zuwa v1.4, Bootstrap yana buƙatar ƙarin alama a kusa da akwatunan bincike da rediyo don tara su. Yanzu, abu ne mai sauƙi na maimaita abin <label class="checkbox">da ke kunshe da <input type="checkbox">.

Hakanan ana tallafawa akwatunan rajistan layi da rediyo. Kawai ƙara .inlinezuwa kowane .checkboxko .radiokuma kun gama.

---

Siffofin layi da haɗawa/gabatarwa

Don amfani da prepend ko saka bayanai a cikin hanyar layi, tabbatar da sanya .add-onkuma inputakan layi ɗaya, ba tare da sarari ba.

---

Samar da rubutun taimako

Don ƙara rubutun taimako don shigar da sigar ku, haɗa da rubutun taimakon layi tare da <span class="help-inline">ko toshe rubutun taimako tare da <p class="help-block">bayan ɓangaren shigarwar.

Siffar girman grid

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

Yi amfani da .span*azuzuwan iri ɗaya daga tsarin grid don girman shigarwar.

Madadin girma dabam

Hakanan kuna iya amfani da azuzuwan a tsaye waɗanda ba su taswira zuwa grid ba, dacewa da salon CSS masu amsawa, ko asusu don nau'ikan sarrafawa daban-daban (misali, inputvs. select).

Rubutun da aka riga aka shirya

@

Ga wasu rubutun taimako

Rubutun da aka makala

.00

Ga ƙarin rubutun taimako

Append da preprepend

$ .00

Saka da maballin

Tafi!

Maɓalli biyu

Bincika Zabuka

Akwatunan rajistan layi

1 2 3

Akwatunan rajista

Zaɓin ɗaya shine wannan da wancan — tabbas kun haɗa da dalilin da yasa yake da kyau Za a iya bincika zaɓi na biyu kuma a haɗa su cikin sakamakon fom Zabi na uku na iya-e, kun ganta-kuma za'a bincika kuma a haɗa su cikin sakamakon fom

Lura: Lakabi suna kewaye da duk zaɓuɓɓukan don wuraren dannawa da yawa da mafi girman nau'i mai amfani.

Maɓallan rediyo

Zaɓin ɗaya shine wannan da wancan — tabbas kun haɗa da dalilin da yasa yake da kyau Zabi na biyu na iya zama wani abu dabam kuma zaɓin shi zai yanke zaɓi na ɗaya

Ajiye canje-canje Soke

Maɓallai don ayyuka

A matsayin al'ada, maɓalli ya kamata a yi amfani da su kawai don ayyuka yayin da za a yi amfani da hanyoyin haɗin kai don abubuwa. Misali, "Zazzagewa" ya kamata ya zama maɓalli yayin da "aikin kwanan nan" ya zama hanyar haɗi.

Za a iya amfani da salon maɓalli ga kowane abu tare da .btnajin da aka yi amfani da shi. Koyaya, yawanci kuna son amfani da waɗannan ga kawai <a>da <button>abubuwa.

Tsallake dacewa da mai bincike

IE9 ba ya girbe gradients na baya akan sasanninta, don haka muna cire shi. Mai alaƙa, IE9 yana jankifies buttonabubuwan nakasassu, yana sanya rubutu launin toka tare da inuwar rubutu mara kyau wanda ba za mu iya gyarawa ba.

Girma masu yawa

Kuna son manyan maɓalli ko ƙarami? Ƙara .btn-large, .btn-small, ko .btn-minidon ƙarin girma biyu.

Mataki na farko Aiki

Mataki na farko Aiki

Mataki na farko Aiki

Jihar naƙasassu

Don maɓallan da aka kashe, ƙara .disabledajin zuwa mahaɗa da disabledsifa na <button>abubuwa.

Mahadar farko mahada

Maɓallin farko Maɓalli

A kula! Muna amfani .disabledda ajin mai amfani anan, kama da na gama gari .active, don haka ba a buƙatar prefix.

Aji ɗaya, alamomi masu yawa

Yi amfani da .btnajin akan <a>, <button>, ko <input>kashi.

mahada Maɓalli

<a class = "btn" href = "" > Link </a>  
<button class = "btn" type = "submit" >  
  Maɓalli
</button>
< class class = "btn" type = "button"  
         darajar = "Input" >
< class class = "btn" type = "mika"  
         darajar = "Aika" >

A matsayin mafi kyawun aiki, gwada dacewa da mahallin mahallin don tabbatar da dacewa da ma'anar mai binciken giciye. Idan kuna da input, yi amfani da <input type="submit">maɓallin don maɓallin ku.

• ikon-gilashin
• icon-music
• ikon bincike
• ikon ambulan
• ikon-zuciya
• ikon-tauraro
• icon-tauraro-ba komai
• ikon mai amfani
• ikon fim
• ikon-th-large
• ikon --
• icon-th-jeri
• ikon Ok
• ikon cirewa
• ikon-zuwa-in
• icon-zuwa-fita
• ikon-kashe
• ikon - siginar
• ikon-kogi
• ikon-sharar
• ikon gida
• ikon fayil
• ikon lokaci
• ikon-hanya
• ikon-zazzage-alt
• ikon download
• ikon-upload
• ikon-inbox
• icon-play-da'irar
• icon-maimaita
• icon-refresh
• icon-list-alt
• ikon-kulle
• ikon - flag
• icon-belun kunne

• ikon-girma-kashe
• ikon-girma-saukar
• ikon girma-up
• ikon-qrcode
• ikon barcode
• ikon-tag
• ikon-tags
• ikon littafin
• icon - alamar shafi
• ikon bugawa
• ikon-kamara
• ikon font
• ikon - m
• ikon-italic
• icon-rubutu-tsawo
• icon-rubutu-nisa
• icon-align-hagu
• icon-align-center
• icon-align-dama
• icon-align-justify
• ikon-list
• icon-hannun-hagu
• icon-indent-dama
• icon-facetime-bidiyo
• icon-hoto
• ikon-fensir
• ikon-taswira-alama
• ikon daidaitawa
• ikon - tint
• ikon gyara
• ikon share
• ikon-tabbaci
• ikon motsi
• icon-mataki-baya
• icon-sauri-baya

• icon-baya
• ikon yin wasa
• ikon-dakata
• ikon tsayawa
• icon-gaba
• icon-sauri-gaba
• icon-mataki-gaba
• ikon fitarwa
• ikon-chevron-hagu
• ikon-chevron-dama
• icon-plus-alama
• ikon-minus-alama
• icon-cire-alamar
• ikon-ok-alama
• icon-tambaya-alamar
• ikon-info-alamar
• icon-screenshot
• icon-cire-da'irar
• icon-ok-da'irar
• ikon-ban-da'ira
• icon-kibiya-hagu
• icon-kibiya-dama
• icon-kibiya-up
• icon-kibiya-saukar
• ikon-share-alt
• ikon-girman-cikakke
• icon-girman girman-kanana
• ikon-plus
• ikon-minus
• ikon - alama
• icon-exclamation-alamar
• icon - kyauta
• ikon-leaf
• ikon-wuta
• icon-ido-bude

• icon-ido-kusa
• icon-gargadi-alamar
• ikon jirgin sama
• ikon - kalanda
• ikon - bazuwar
• ikon yin sharhi
• ikon Magnet
• ikon-chevron-up
• ikon-chevron-down
• ikon-retweet
• icon-cart
• icon-folder-kusa
• icon-folder-bude
• icon-girma-tsaye
• icon-girman girman-horizontal
• ikon hdd
• ikon-bullhorn
• ikon - kararrawa
• ikon-certificate
• ikon - babban yatsan hannu
• icon - babban yatsa-saukar
• ikon-hannu-dama
• icon-hannu-hagu
• ikon-sa hannu
• ikon-saukar hannu
• icon-da'irar-kibiya-dama
• icon-da'irar-kibiya-hagu
• icon-da'irar-kibiya-up
• icon-da'irar-kibiya-saukar
• ikon duniya
• ikon-manufa
• icon-ayyukan
• icon-tace
• ikon-takaice
• ikon - cikakken allo

Gina a matsayin sprite

Maimakon yin kowane gunki ƙarin buƙatu, mun tattara su cikin sprite — tarin hotuna a cikin fayil ɗaya wanda ke amfani da CSS don sanya hotuna tare da background-position. Wannan hanya ɗaya ce da muke amfani da ita akan Twitter.com kuma ta yi mana aiki da kyau.

Duk azuzuwan gumaka an riga an sanya su da su .icon-don daidaita sunaye masu dacewa da ƙwanƙwasa, kamar sauran abubuwan haɗinmu. Wannan zai taimaka kauce wa rikice-rikice tare da wasu kayan aikin.

Glyphicons ya ba mu damar amfani da Halflings da aka saita a cikin buɗaɗɗen kayan aikin kayan aikin mu muddin mun samar da hanyar haɗi da ƙima anan a cikin takaddun. Da fatan za a yi la'akari da yin haka a cikin ayyukanku.

Yadda ake amfani da shi

Bootstrap yana amfani da <i>alamar ga duk gumaka, amma ba su da wani nau'i na shari'a - kawai prefix ɗin da aka raba. Don amfani, sanya lambar mai zuwa kusan ko'ina:

<i class = "icon-search" >> 

Hakanan akwai salo don gumaka masu jujjuya (fararen), waɗanda aka shirya tare da ƙarin aji ɗaya:

<i class = " icon-search icon-white" ></i> 

Akwai azuzuwan 140 da za a zaɓa daga don gumakanku. Kawai ƙara <i>alama tare da azuzuwan da suka dace kuma an saita ku. Kuna iya samun cikakken jeri a sprites.less ko dama anan cikin wannan takarda.

A kula! Lokacin amfani da gefen zaren rubutu, kamar a cikin maɓallai ko mahaɗin mahaɗa, tabbatar da barin sarari bayan <i>alamar don tazarar da ta dace.

Yi amfani da lokuta

Gumaka suna da kyau, amma a ina mutum zai yi amfani da su? Ga 'yan ra'ayoyi:

• A matsayin abubuwan gani don kewayawa na gefe
• Don kewayawa mai sarrafa alamar zalla
• Don maɓalli don taimakawa isar da ma'anar wani aiki
• Tare da hanyoyin haɗin kai don raba mahallin akan inda mai amfani yake nufi

Mahimmanci, duk inda za ku iya sanya <i>alama, kuna iya sanya gunki.

Sake sabuntawa Dubawa Share

Sharhi Saituna Karin Bayani

Adireshin i-mel