Échelle typographie

Grille typographique mobimba esalemi na ba variables mibale ya Moins na fichier na biso ya variables.less: @baseFontSizempe @baseLineHeight. Ya liboso ezali font-size ya base oyo esalelami na mobimba mpe ya mibale ezali base line-height.

Tosalelaka ba variables wana, mpe mwa matematiki, mpo na kosala ba marges, ba paddings, mpe ba line-heights ya lolenge na biso nyonso mpe mingi mosusu.

Ndakisa ya makomi ya nzoto

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus na magnis ya kobota, nascetur ridiculus mus. Nullam id dolor id nibh ultricies mituka ut id elit.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor motɛkisi ya mbongo. Duis mollis, est non commodo luctus, nisi erat ligula ya porte, eget lacinia odio sem nec elit. Donec sed odio dui.

Kosalela maloba ya konyata

Fusce dapibus , tellus ac cursus commodo , tortor mauris condimentum nibh , ut fermentum massa kaka kofanda amet risus. Maecenas faucibus mollis oyo ezali na kati. Nulla vitae elit libero, oyo ezali na mbula-mpɛmbɛ oyo babengi pharetra augue.

Liyebisi: Bozala na bonsomi ya kosalela <b>mpe <i>na HTML5, kasi bosaleli na bango ebongwanaki mwa moke. <b>ezali mpo na kobimisa maloba to bafraze kozanga kopesa ntina mosusu nzokande <i>ezali mingimingi mpo na mongongo, maloba ya tekiniki, mpe bongo na bongo.

Ndakisa ya ba adresse

Talá bandakisa mibale ya ndenge oyo <address>tag ekoki kosalelama:

Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890. Ezali ndenge moko na likambo ya kozala na bomoi ya malamu

Kombo mobimba
liboso.ya [email protected]

Ndakisa ya ba abréviations

Ba abréviations oyo ezali na titleattribut ezali na bordure ya se oyo ezali na ba points clairs mpe curseur ya aide na hover. Yango epesaka ba usagers indication supplémentaire eloko moko ekolakisama na hover.

Bakisa initialismkelasi na mokuse mpo na kobakisa boyokani ya makomi na kopesaka yango mwa moke bonene ya makomi.

HTML ezali eloko ya malamu koleka banda mampa oyo bakati na biteni.

Bokuse ya liloba attribut ezali attr .

Mpo na kotya blockquote, zingá HTML<blockquote> nyonso lokola citatio. Mpo na ba citations droites tozali ko recommander a .<p>

Botia <small>élément optionnel pona ko citer source na bino pe okozua em dash —avant yango pona ba raisons ya styling.

<bokangami ya maloba>
  <p> Lorem ipsum dolor vandi amet, consectetur adipiscing elit. Motango mobimba posuere erat a ante venenatis. </p>
  <moke> Moto moko ya lokumu </small>
</blockquote ya maloba>

Ba blockquotes ya défaut ezali na style ya boye:

Lorem ipsum dolor vanda amet, consectetur elit oyo ezo boma nzoto. Motango mobimba posuere erat a ante venenatis.

Moto moko ya lokumu na Nzoto ya mosala

Pona ko flotter blockquote na yo na droite, bakisa class="pull-right":

Lorem ipsum dolor vanda amet, consectetur elit oyo ezo boma nzoto. Motango mobimba posuere erat a ante venenatis.

Moto moko ya lokumu na Nzoto ya mosala

Ezali na ordre te

<ul>

• Lorem ipsum dolor vanda amet
• Consectetur elit oyo ezali na mafuta
• Moléstie ya motángo mobimba lorem na massa
• Facilisis na aliquet ya nisl ya prétium
• Nulla volutpat azali na nzoto kolɔngɔnɔ
  • Eloko oyo babengi Phasellus iaculis neque
  • Ba sodales ya purus ba ultricies
  • Vestibulum laoreet porttitor sem
  • Ac tristique libéré volutpat na
• Faucibus porta lacus oyo ezali na mpɛmbɛ
• Aenean afanda amet erat nunc
• Eget porttitor lorem na kombo ya nzambe

Kozanga style

<ul class="unstyled">

• Lorem ipsum dolor vanda amet
• Consectetur elit oyo ezali na mafuta
• Moléstie ya motángo mobimba lorem na massa
• Facilisis na aliquet ya nisl ya prétium
• Nulla volutpat azali na nzoto kolɔngɔnɔ
  • Eloko oyo babengi Phasellus iaculis neque
  • Ba sodales ya purus ba ultricies
  • Vestibulum laoreet porttitor sem
  • Ac tristique libéré volutpat na
• Faucibus porta lacus oyo ezali na mpɛmbɛ
• Aenean afanda amet erat nunc
• Eget porttitor lorem na kombo ya nzambe

Epesamaki mitindo

<ol>

1. Lorem ipsum dolor vanda amet
2. Consectetur elit oyo ezali na mafuta
3. Moléstie ya motángo mobimba lorem na massa
4. Facilisis na aliquet ya nisl ya prétium
5. Nulla volutpat azali na nzoto kolɔngɔnɔ
6. Faucibus porta lacus oyo ezali na mpɛmbɛ
7. Aenean afanda amet erat nunc
8. Eget porttitor lorem na kombo ya nzambe

Ndimbola

<dl>

Ba liste ya bandimbola

Liste ya kolimbola ezali malamu mpenza mpo na kolimbola maloba.

Euismod

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

Donec id elit non mi porta gravida na eget metus.

Malesuada ezali porta

Etiam porta sem malesuada ya monene ya mollis euismod.

Bolimbisi ya horizontal

<dl class="dl-horizontal">

Ba liste ya bandimbola

Liste ya kolimbola ezali malamu mpenza mpo na kolimbola maloba.

Euismod

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

Donec id elit non mi porta gravida na eget metus.

Malesuada ezali porta

Etiam porta sem malesuada ya monene ya mollis euismod.

Felis euismod semper azali kozwa lacinia

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

---

Mitó likoló! Ba liste ya ba déscriptions horizontales ekokata ba termes oyo ezali milayi mingi pona kokota na fix ya colonne gauche text-overflow. Na ba viewports ya mike, bakobongwana na layout ya stacked par défaut.

Na kati ya molongo

Envelopper ba fragments ya code inline na <code>.

Ndakisa , eteni < code> < / code > esengeli kozingama lokola inline .  

Bloc ya base

Salelá <pre>mpo na milɔngɔ mingi ya code. Kobosana te kokima ba parenthèses nionso ya angle na code mpo na kosala rendu malamu.

<p>Ezalela ya makomi awa...</p>

<liboso>
  <p>Ndakisa ya makomi awa...</p>
</pre>

Liyebisi: Kobosana te kobatela code na kati ya <pre>bilembo pene na lobɔkɔ ya mwasi soki likoki ezali; ekosala ba onglets nionso.

Okoki kobakisa na bolingi .pre-scrollablekelasi oyo ekotia max-hauteur ya 350px mpe ekopesa barre de défilement ya axe y.

Google Ezali kosala malamu

Zwá <pre>élément moko mpe bakisa ba classes mibale oyo okoki kopona mpo na kosala rendu oyo ebakisami.

<p> Ndakisa ya makomi awa... </p>

<pre class = "prettyprint ." 
     ba linenums" >
  <p>Ndakisa ya makomi awa...</p>
</pre>

Télécharger google-code-prettify pe tala readme pona ndenge ya kosalela.

Kotya eelmbo	Ndimbola
<table>	Elemento ya enveloppement pona kolakisa ba données na format tabulaire
<thead>	Elemento ya conteneur mpo na milɔngɔ́ ya motó ya tableau ( <tr>) mpo na kopesa bilembo na makonzí ya tableau
<tbody>	Elemento ya récipient mpo na ba lignes ya tableau ( <tr>) na nzoto ya tableau
<tr>	Elemento ya récipient mpo na ensemble ya ba cellules ya tableau ( <td>to <th>) oyo emonanaka na molongo moko
<td>	Cellule ya tableau par défaut
<th>	Cellule ya tableau spécial pona ba étiquettes ya colonne (to molongo, selon portée pe placement) Esengeli kosalelama na kati ya a<thead>
<caption>	Bolimbisi to bokuse ya makambo oyo tableau ezali na yango, mingimingi ezali na ntina mpo na batángi ya écran

<mesa>
  <motó>
    <tr>
      <th> ... </th> na likambo yango
      <th> ... </th> na likambo yango
    </tr>
  </thead>
  <nzoto>
    <tr>
      <td> ... </td> na likambo yango
      <td> ... </td> na likambo yango
    </tr>
  </tbody>
</tableau>

Ba tableaux ezali automatiquement styled na kaka mua ba frontières pona ko assurer lecture pe ko maintenir structure. Na 2.0, .tablekelasi esengeli.

< kelasi ya mesa = "mesa" > 
  ...
</tableau>

# .	Prenom	Nkombo ya libota	Nkombo ya mosaleli
1. 1.	Marko	Otto	@mdo
2. 2	Yakobo	Thornton oyo azali	@mafuta
3	Larry, moto oyo azali	Ndɛkɛ yango	@twitter na twitter

Bozwa mwa kitoko na bamesa na bino na kobakisa zebra-striping —bakisa kaka .table-stripedkelasi.

Liyebisi: Ba tableaux rayé esalelaka :nth-childselecteur ya CSS mpe ezali te na IE7-IE8.

<tableau classe = "tableau-rayé" > 
  ...
</tableau>

# .	Prenom	Nkombo ya libota	Nkombo ya mosaleli
1. 1.	Marko	Otto	@mdo
2. 2	Yakobo	Thornton oyo azali	@mafuta
3	Larry, moto oyo azali	Ndɛkɛ yango	@twitter na twitter

Bakisa bandelo zingazinga ya mesa mobimba mpe ba coins arrondis mpo na ba raisons esthétiques.

< classe ya tableau = "tableau oyo ezali na ndelo ya tableau" > 
  ...
</tableau>

# .	Prenom	Nkombo ya libota	Nkombo ya mosaleli
1. 1.	Marko	Otto	@mdo
	Marko	Otto	@kozwa molongo ya botimo
2. 2	Yakobo	Thornton oyo azali	@mafuta
3	Larry ndeke		@twitter na twitter

Sala ba tableaux na yo compact mingi na kobakisa .table-condensedclasse pona kokata padding ya cellule ya table na kati (kobanda na 8px ti na 4px).

< classe ya tableau = "tableau-condensé" > 
  ...
</tableau>

# .	Prenom	Nkombo ya libota	Nkombo ya mosaleli
1. 1.	Marko	Otto	@mdo
2. 2	Yakobo	Thornton oyo azali	@mafuta
3	Larry ndeke		@twitter na twitter

Bozala na bonsomi ya kosangisa moko ya kelasi ya mesa mpo na kokokisa lolenge ekeseni na kosalelaka moko ya kelasi oyo ezali.

<table class = "tableau table-rayé tableau-bordered tableau-condensé" > 
  ...
</tableau>

	Kombo mobimba
# .	Prenom	Nkombo ya libota	Nkombo ya mosaleli
1. 1.	Marko	Otto	@mdo
2. 2	Yakobo	Thornton oyo azali	@mafuta
3	Larry ndeke		@twitter na twitter

HTML mpe CSS oyo ekoki kobongwana

Eteni ya malamu koleka na ntina na ba formulaire na Bootstrap ezali ete ba entrées mpe ba contrôles na yo nyonso emonanaka malamu ata ndenge nini otongi yango na marquage na yo. HTML ya superflue esengeli te, kasi tozali kopesa ba modèles mpo na ba oyo basengaka yango.

Ba layouts ya mindondo mingi eyaka na ba classes ya mokuse mpe ya évolutif mpo na styling ya pete mpe bokangami ya événement, yango wana ozali couvert na étape nionso.

Ba layouts minei ezali na kati

Bootstrap eza na lisungi ya mitindo minei ya ba layouts ya formulaire:

• Vertical (ya ndenge ya liboso) .
• Koluka
• Na kati ya molongo
• Ya kolala

Mitindo ndenge na ndenge ya ba layouts ya formulaire esengaka mwa mbongwana mpo na kosala marquage, kasi ba contrôles yango moko etikalaka mpe etambwisaka ndenge moko.

Contrôle états na ebele

Ba formulaire ya Bootstrap ezali na ba styles pona ba contrôles nionso ya formulaire ya base lokola entrée, textarea, pe pona oyo olingaki kozela. Mais eza pe na nombre ya ba composants personnalisés lokola ba entrées appendées na prépendues na soutien ya ba listes ya ba cases de coche.

Ba états lokola erreur, avertissement, na succès ekotisami pona lolenge moko na moko ya contrôle ya formulaire. Ezali mpe na ba styles mpo na ba contrôles handicapés.

Forme ya moboko

Ba défauts intelligents et légers sans marquage supplémentaire.

Kombo ya étiquette

Ndakisa ya mokanda ya lisalisi ya nivo ya bloc awa.

Tala ngai Kotinda

< kelasi ya formulaire = "malamu" > 
  <label> Nkombo ya étiquette </label>
  < lolenge ya bokoti = "mokanda" kelasi = "span3" esika = "Kokoma eloko moko..." >   
  <span class = "help-block" > Ndakisa ya makomi ya lisalisi ya niveau ya bloc awa. </span> 
  <label class = "esika ya kotiya elembo" > 
    <input type = "checkbox" > Tala ngai 
  </étiquette>
  <button type = "tinda" classe = "btn" > Tinda </button>  
</forme>

Formulaire ya koluka

Bakisa .form-searchna formulaire mpe .search-queryna input.

Koluka

<formule classe = "malamu formulaire-boluka" > 
  < lolenge ya bokoti = "mokanda" kelasi = "motuna-boluka-moyen ya bokoti" >  
  < lolenge ya bouton = "tinda" classe = "btn" > Boluka </bouton>  
</forme>

Formulaire ya kati ya ligne

Bakisa .form-inlinena finesse alignment vertical na espacement ya ba contrôles ya forme.

Bokanisa ngai Kota na site

< kelasi ya formulaire = "malamu formulaire-inline" > 
  < lolenge ya bokoti = "mokanda" kelasi = "bokoti-moke" esika = "Email" >   
  < lolenge ya bokoti = "mot ya nzela" classe = "bokoti-moke" esika = "Mot ya nzela" >   
  <label class = "esika ya kotiya elembo" > 
    <input type = "checkbox" > Bokanisa ngai 
  </étiquette>
  < lolenge ya bouton = "tinda" classe = "btn" > Bokota </button>  
</forme>

Elakisami na loboko ya mobali ezali na ba contrôles nionso ya formulaire par défaut oyo tozali ko soutenir. Tala liste oyo ezali na masasi:

• ba entrées ya texte (texte, mot de passe, email, etc) .
• esika ya kotya elembo
• radio
• kopona
• ebele ya kopona
• bokɔtisi ya fisyé
• esika ya makomi

Bokotisi makomi

Longola makomi ya lolenge ya ofele, bokoti nyonso oyo esalemi na makomi ya HTML5 emonani lokola bongo.

Boîte de vérification

Nzela ya liboso ezali oyo mpe oyo —kobosana te kokɔtisa ntina oyo ezali malamu mpenza

Pona liste

eloko moko 2. 2 3 4. 5

Multicon-pona

1. 1. 2. 2 3 4. 5

Bokotisi ya fisyé

Esika ya makomi

Bomba mbongwana oyo esalemi Kolongola

Ndakisa ya kosala bilembo

Na kopesaka ndakisa ya layout ya formulaire oyo ezali likolo, awa ezali marquage oyo esangisi na groupe ya liboso ya entrée mpe ya contrôle. Ba .control-group, .control-label, mpe .controlsbakelasi nyonso esengeli mpo na kosala styling.

< kelasi ya lolenge = "formule-horizontal" > 
  <ensemble ya bilanga>
    <lisapo> Mokanda ya lisapo </lisapo>
    <div class = "etuluku-ya-bokonzi" > 
      <label class = "contrôle-étiquette" mpo na = "bokoti01" > Bokotisi makomi </étiquette>  
      <div classe = "ba contrôles" > 
        < lolenge ya bokoti = "mokanda" kelasi = "bokoti-xmonene" id = "bokoti01" >   
        <p class = "help-block" > Mokanda ya lisalisi ya kosunga </p> 
      </div>
    </div>
  </esika ya bilanga>
</forme>

Bootstrap ezali na ba styles mpo na navigateur-supportée focusé mpe disabledba états. Tolongoli Webkit ya liboso outlinempe tosaleli a box-shadowna esika na yango mpo na :focus.

---

Bondimi ya formulaire

Ezali mpe na ba styles ya validation mpo na ba erreurs, ba avertissements, mpe ba succès. Mpo na kosalela, bakisá kelasi ya libunga na oyo ezali zingazinga .control-group.

<ensemble ya bilanga
  class = "erreur ya groupe ya contrôle" >
  ...
</esika ya bilanga>

Entrée focusée

Entrée oyo ekoki kobongisama te

Basusu bazali kopesa motuya awa

Entrée désactivé

Boîte de coche ya désactivé

Oyo ezali esika ya kotiya elembo oyo ekangami

Entrée na likebisi

Ekoki kozala ete likambo moko esalemaki mabe

Entrée na erreur

Svp bobongisa libunga yango

Entrée na succès

Woohoo!

Pona na elonga

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

Bomba mbongwana oyo esalemi Kolongola

Prepend & kobakisa ba entrées

Bituluku ya bokomi —na makomi oyo ebakisami to oyo ebakisami liboso —epesaka lolenge ya pete ya kopesa contexte mingi mpo na makomi na yo. Bandakisa minene ezali na elembo ya @ mpo na bankombo ya basaleli ya Twitter to $ mpo na makambo ya mosolo.

---

Ba cases ya kotiya bilembo mpe ba radios

Kino v1.4, Bootstrap esengelaki kosala marquage ya likolo zingazinga ya ba cases ya kotiya bilembo mpe ba radios mpo na ko empiler yango. Sikawa, ezali likambo ya pete ya kozongela <label class="checkbox">oyo ezingaka <input type="checkbox">.

Ba cases ya kotiya elembo na kati ya ligne mpe ba radios ezali mpe na lisungi. Bakisa kaka na to .inlinemoko .checkboxto .radiope osilisi.

---

Ba formulaires na kati ya molɔngɔ mpe kobakisa/kosala liboso

Mpo na kosalela ba inputs ya prépend to append na forme ya inline, sala makasi otia .add-onmpe inputna ligne moko, sans espaces.

---

Bosala mokanda ya lisalisi

Mpo na kobakisa makomi ya lisalisi mpo na bokotisi ya formulaire na yo, kotia makomi ya lisalisi na kati ya molongo na <span class="help-inline">to bloc ya makomi ya lisalisi na <p class="help-block">nsima ya eleman ya bokotisi.

Bosala ba taille ya grille

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

Salelá ba .span*kelasi moko oyo euti na système ya grille mpo na bonene ya bokɔti.

Bokeseni ya ba taille

Okoki pe kosalela ba classes statiques oyo ezo carte na grille te, ezo adapter na ba styles ya CSS oyo ezo répondre, to ezo comptabiliser ba types ya ba contrôles différents (par exemple, inputvs. select).

Makomi oyo batye liboso

@

Tala mwa texte ya lisungi

Makomi oyo ebakisami

.00

Tala texte ya lisungi mosusu

Bobakisa mpe bobakisa liboso

$ .00

Bakisa na bouton

Kende!

Bobakisi ya ba boutons mibale

Koluka Makambo oyo okoki kopona

Ba cases ya kotiya elembo na kati ya molɔngɔ

1. 1. 2. 2 3

Ba cases ya kotiya bilembo

Nzela ya liboso ezali oyo mpe oyo —kobosana te kokɔtisa ntina oyo ezali malamu mpenza Option ya mibale ekoki pe ko vérifier pe ko kotisa na ba résultats ya formulaire Nzela ya misato ekoki mpe —ɛɛ, okanisaki yango —ekoki mpe kotalama mpe kokɔtisa yango na ba résultats ya formulaire

Liyebisi: Ba étiquettes ezingami na ba options nionso mpo na ba zones ya cliquage ya minene mingi mpe formulaire oyo ekoki kosalelama mingi.

Ba boutons ya radio

Nzela ya liboso ezali oyo mpe oyo —kobosana te kokɔtisa ntina oyo ezali malamu mpenza Option mibale ekoki ezali eloko mosusu mpe kopona yango ekolongola option moko

Bomba mbongwana oyo esalemi Kolongola

Ba boutons mpo na misala

Lokola boyokani, esengeli kosalela ba boutons kaka mpo na misala ntango ba hyperliens esengeli kosalelama mpo na biloko. Ndakisa, "Télécharger" esengeli kozala bouton alors que "activité récente" esengeli kozala lien.

Ba styles ya bouton ekoki kosalelama na eloko nyonso na .btnkelasi oyo esalelami. Nzokande, typiquement okolinga kosalela oyo na kaka <a>mpe <button>ba éléments.

Compatibilité ya navigateur croisé

IE9 e crop ba gradients ya fond te na ba coins arrondis, yango wana tolongoli yango. Related, IE9 jankifies buttonba éléments désactivés, ko rendre texte gris na texte-shadow moko ya mabe oyo tokoki kobongisa te.

Ba taille ebele

Fancy ba boutons ya minene to ya mike? Bakisa .btn-large, .btn-small, to .btn-minimpo na bonene mibale ya kobakisa.

Likambo ya libosoliboso Mosala

Likambo ya libosoliboso Mosala

Likambo ya libosoliboso Mosala

Etat ya désactivé

Mpo na ba boutons oyo ekangami, bakisa .disabledkelasi na ba liens mpe disabledattribut mpo na <button>ba éléments.

Lien ya liboso Lien

Bouton ya liboso Bouton

Mitó likoló! Tosalelaka .disabledlokola classe ya utilité awa, ndenge moko na .activeclasse commune, yango wana prefixe moko te esengeli.

Kelasi moko, ba tags ebele

Salelá .btnkelasi na <a>, <button>, to <input>eloko moko.

Lien Bouton

<a classe = "btn" href = "" > Lien </a>  
<bouton classe = "btn" lolenge = "kotinda" >  
  Bouton
</bouton>
< classe d'entrée = "btn" type = "bouton".  
         motuya = "Kokota" >
< classe ya kokota = "btn" type = "kotinda".  
         valeur = "Tinda" >

Lokola momeseno ya malamu, meka kokokanisa eleman mpo na yo contexte mpo na kosala ete boyokani ya rendu croisé-navigateur. Soki ozali na input, salelá moko <input type="submit">mpo na bouton na yo.

• elembo-verre
• icon-miziki
• elembo-koluka
• elembo-enveloppe
• icon-motema
• elembo-monzoto
• icon-star-ezali na eloko te
• elembo-mosaleli
• icon-filme ya kosala
• icon-ya-monene
• icon-th
• elembo-ya-liste
• elembo-ok
• icon-kolongola yango
• kosala zoom ya elembo
• elembo-kosala zoom-out
• elembo oyo ekangamaka
• elembo-elembo
• elembo-cog
• elembo-bosɔtɔ
• elembo-ndako
• elembo-fisyé
• elembo-ntango
• icon-nzela
• elembo-télécharger-alt
• icon-télécharger
• icon-kotya na esika na yango
• icon-boîte de réception
• elembo-kosakana-cercle
• icon-kozongela
• icon-kozongisa sika
• liste ya bilembo-alt
• icon-lock ya kokangama
• elembo-drapo
• ba icon-écouteurs

• elembo-volume-kokangama
• elembo-volume-na nse
• elembo-volume-komatisama
• elembo-qrcode
• ikode-barre
• elembo ya elembo
• ba icon-tags
• buku ya bilili
• elembo-elembo ya marque
• icon-print
• elembo-kamera
• elembo-fonte
• elembo-ya moindo makasi
• icon-italic
• elembo-makomi-bolai
• elembo-makomi-bonene
• icon-align-na lobɔkɔ ya mwasi
• icon-align-centre ya kosala
• icon-align-na lobɔkɔ ya mobali
• icon-align-ko justifier
• liste ya bilembo
• icon-indent-na lobɔkɔ ya mwasi
• icon-indent-na lobɔkɔ ya mobali
• elembo-elongi-ntango-video
• elembo-elilingi
• elembo-krɛyo
• elembo-map-marqueur
• icon-bobongisa
• elembo-tint
• icon-bobongola
• icon-kokabola
• icon-check na yango
• elembo-kotambola
• icon-etamboli-kozonga sima
• icon-ya mbangu-kozonga sima

• elembo-na nsima
• icon-play
• elembo-kopema mwa moke
• elembo-kotelemisa
• icon-kokende liboso
• icon-kokende liboso nokinoki
• icon-etamboli-kokende liboso
• elembo-kobimisa
• elembo-chevron-na lobɔkɔ ya mwasi
• elembo-chevron-na lobɔkɔ ya mobali
• elembo-bakisa-elembo
• elembo-kolongola-elembo
• elembo-kolongola-elembo
• elembo-ok-elembo
• elembo-motuna-elembo
• elembo-ya-nsango-elembo
• icon-shot ya écran
• icon-kolongola-cercle
• icon-ok-cercle ya kosala
• icon-ban-cercle ya epekiseli
• elembo-flèche-na lobɔkɔ ya mwasi
• elembo-flèche-na lobɔkɔ ya mobali
• elembo-flèche-likolo
• elembo-flɛ́mɛ-na nse
• icon-kokabola-alt
• icon-bobongola bonene-etondi
• icon-bobongola bonene-ya moke
• elembo-plus
• elembo-kolongola
• elembo-monzoto
• elembo-ya-koganga-elembo
• icon-likabo
• elembo-lokasa
• elembo-moto
• icon-liso-efungolama

• icon-liso-kokangama
• elembo-ya-kebisi-elembo
• icon-plan
• elembo-manáka
• icon-ya mbalakaka
• icon-kopesa makanisi
• elembo-aimant
• elembo-chevron-likolo
• elembo-chevron-na nse
• elembo-kozongisa lisusu tweet
• icon-chariot ya kosomba biloko
• elembo-dossier-kokanga
• elembo-dossier-efungolama
• icon-bobongola bonene-ya semba
• icon-bobongola bonene-horizontal
• elembo-hdd
• elembo-liseke ya ngɔmbɛ
• elembo-ngonga
• elembo-mokanda ya mokanda
• icon-ya loboko ya monene
• icon-masapi minene-na nse
• icon-loboko-na lobɔkɔ ya mobali
• icon-loboko-na lobɔkɔ ya mwasi
• icon-loboko-likolo
• icon-loboko-na nse
• icon-cercle-flèche-na loboko ya mobali
• icon-cercle-flèche-gauche
• icon-cercle-fléche-likolo
• icon-cercle-flɛ́mɛ-na nse
• elembo-globe
• clé ya elembo
• icon-misala ya kosala
• filtre ya elembo
• icon-porte-documents
• elembo-ekran mobimba

Etongami lokola sprite

Na esika ya kosala elembo nyonso bosenga ya kobakisa, tosangisi yango na sprite —liboke ya bililingi na fisyé moko oyo esalelaka CSS mpo na kotya bililingi na background-position. Oyo ezali ndenge moko oyo tosalelaka na Twitter.com mpe esalaki biso malamu.

Ba classes nionso ya ba icônes ezali préfixé na .icon-pona espacement ya ba kombo ya malamu pe scoping, mingi lokola ba composants na biso misusu. Yango ekosalisa mpo na koboya matata na bisaleli mosusu.

Glyphicons epesi biso nzela ya kosalela ba Halflings oyo etiamaki na kati ya bokumbi bisaleli na biso ya source ouverte tant que tozali kopesa lien mpe crédit awa na docs. Svp bokanisa kosala ndenge moko na ba projets na bino.

Ndenge ya kosalela

Bootstrap esalela <i>tag mpo na bilembo nyonso, kasi bazali na kelasi ya cas te —bobele prefixe oyo bakabolaka. Mpo na kosalela yango, tyá code oyo elandi kaka esika nyonso:

<i classe = "boluka-elembo" </i> 

Ezali mpe na ba styles oyo ezali mpo na ba icônes inversées (ya pembe), oyo esalemi prêt na classe moko ya likolo:

<i class = "elembo-luka elembo-mpembe" ></i> 

Ezali na bakelasi 120 oyo okoki kopona mpo na bilembo na yo. Bakisa kaka <i>tag na ba classes ya bien pe oza set. Okoki kozwa liste mobimba na sprites.less to kaka awa na mokanda oyo.

Mitó likoló! Ntango ozali kosalela pembeni ya bansinga ya makomi, lokola na ba boutons to ba liens nav, kobosana te kotika esika nsima ya <i>tag mpo na esika oyo ebongi.

Salelá ba cas

Ba icons ezali minene, kasi wapi mutu akosalela yango? Talá mwa makanisi:

• Lokola ba visuels pona navigation na yo ya barre latérale
• Mpo na navigation oyo ezali kaka na icône
• Mpo na ba boutons mpo na kosalisa na kopesa ndimbola ya likambo moko
• Na ba liens ya kokabola contexte na destination ya usager

Essentiellement, esika nionso okoki kotia <i>tag, okoki kotia icône.

Kozongisa makasi Kosala mbongo Boma

Komantere Ba paramètres Infos Lisusu

Addresse ya email