Typographie
Mikanda mpe bandakisa mpo na typographie ya Bootstrap, bakisa mpe ba paramètres ya mokili mobimba, mitó ya makambo, makomi ya nzoto, baliste, mpe mingi mosusu.
Ba paramètres ya mokili mobimba
Bootstrap etie ba styles ya moboko ya elakiseli ya mokili mobimba, typographie, mpe ya lien. Ntango esengeli kozala na bokonzi mingi, talá bakelasi ya utilité textuelle .
- Salelá stack ya bafonte native oyo eponaka oyo eleki malamu
font-family
mpo na OS mpe aparɛyi mokomoko. - Mpo na échelle ya lolenge oyo esangisi bato nyonso mpe oyo ekoki kozwama, tokanisi ete root ya navigateur na ndenge ya liboso
font-size
(mingimingi 16px) mpo ete bapaya bákoka kosala ba défauts ya navigateur na bango soki esengeli. - Salelá
$font-family-base
,$font-size-base
, mpe$line-height-base
bizaleli lokola moboko na biso ya konyata oyo esalelami na<body>
. - Botia langi ya lien ya mokili mobimba na nzela
$link-color
mpe salelá ba soulignes ya lien kaka na:hover
. - Salelá
$body-bg
mpo na kotya abackground-color
na<body>
(#fff
na ndenge ya libela).
Ba styles oyo ekoki kozwama na kati ya _reboot.scss
, mpe ba variables mondiales elimbolami na _variables.scss
. Salá makasi okɔtisa $font-size-base
na rem
.
Mitó ya makambo
Mitó ya makambo nyonso ya HTML, <h1>
na nzela ya <h6>
, ezali.
Motó ya likambo | Ndakisa |
---|---|
|
h1. Motó ya likambo ya bootstrap |
|
h2. Motó ya likambo ya bootstrap |
|
h3. Motó ya likambo ya bootstrap |
|
h4. Motó ya likambo ya bootstrap |
|
h5. Motó ya likambo ya bootstrap |
|
h6. Motó ya likambo ya bootstrap |
.h1
na nzela ya .h6
bakelasi ezali mpe, mpo na ntango olingi kokokana na lolenge ya makomi ya motó ya likambo kasi okoki te kosalela eleman HTML oyo esangisi yango.
h1. Motó ya likambo ya bootstrap
h2. Motó ya likambo ya bootstrap
h3. Motó ya likambo ya bootstrap
h4. Motó ya likambo ya bootstrap
h5. Motó ya likambo ya bootstrap
h6. Motó ya likambo ya bootstrap
Kobongisa mitó ya makambo na ndenge ya moto ye moko
Salelá bakelasi ya utilitaire oyo ezali na kati mpo na kosala lisusu makomi ya moke ya motó ya likambo ya mibale oyo euti na Bootstrap 3.
Fancy display heading Na makomi ya mibale oyo esili kosila
Lakisa mitó ya makambo
Ba éléments ya motó ya likambo ya bonkɔkɔ ebongisami mpo na kosala malamu koleka na misuni ya makambo ya lokasa na yo. Ntango ozali na mposa ya motó ya likambo mpo na komonana polele, kanisá kosalela motó ya likambo oyo ezali kolakisa —lolenge ya motó ya likambo oyo ezali monene, oyo ezali na mwa makanisi mingi. Bozala na makanisi ete mitó ya makambo oyo ezali koyanola te na ndenge ya libela, kasi ezali na nzela ya kofungola bonene ya makomi oyo ezali koyanola .
Elakiseli 1 |
Elakiseli 2 |
Elakiseli 3 |
Elakiseli 4 |
Plomb
Salá ete paragrafe moko ezala polele na kobakisáká .lead
.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor motɛkisi ya mbongo. Duis mollis, est oyo ezali na mbongo te.
Elementos de texto en línea
Styling mpo na ba éléments HTML5 inline communs.
Okoki kosalela elembo ya elembo mpo nakobeta nsetenkoma.
Molongo oyo ya makomi ezali mpo na kotalela yango lokola makomi oyo elongolami.
Molongo oyo ya makomi ezali mpo na kotalela yango lokola oyo ezali lisusu na bosikisiki te.
Molongo oyo ya makomi ezali mpo na kotalela yango lokola kobakisa na mokanda.
Molongo oyo ya makomi ekobongola ndenge batye yango na nse
Molongo oyo ya makomi ezali mpo na kotalela yango lokola makomi ya mikemike.
Molongo oyo ebongolami lokola makomi ya moindo makasi.
Molongo oyo ebongolami lokola makomi oyo ezali na italike.
.mark
mpe .small
ba classes ezali mpe mpo na kosalela ba styles ndenge moko na <mark>
mpe <small>
tout en éviter ba implications sémantiques nionso oyo elingi te oyo ba balises elingaki komema.
Atako elakisami likolo te, zala na bonsomi ya kosalela <b>
mpe <i>
na HTML5. <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.
Ba utilitaires ya texte
Bobongola alignment ya texte, transformer, style, poids, mpe couleur na ba utilitaires na biso ya texte mpe ba utilitaires ya couleur .
Maloba ya mokuse
Implémentation stylisée ya <abbr>
élément ya HTML pona ba abréviations na ba sigles pona kolakisa version élargie na hover. Ba abréviations ezali na souligné par défaut mpe ezuaka curseur ya lisungi mpo na kopesa contexte ya kobakisa na hover mpe na basaleli ya ba technologies ya lisungi.
Bakisa .initialism
na abréviation mpo na font-size ya mwa moke.
attr
HTML
Ba citations ya bloc
Mpo na kozongela ba blocs ya contenus oyo ewutaki na source mosusu na kati ya mokanda na yo. Zinga HTML<blockquote class="blockquote">
nyonso lokola citatio.
Lorem ipsum dolor vanda amet, consectetur elit oyo ezo boma nzoto. Motango mobimba posuere erat a ante.
Kopesa nkombo ya source moko
Bakisa a <footer class="blockquote-footer">
mpo na koyeba esika oyo euti. Zinga kombo ya mosala ya source na <cite>
.
Lorem ipsum dolor vanda amet, consectetur elit oyo ezo boma nzoto. Motango mobimba posuere erat a ante.
Kobongisa makambo
Salelá ba utilitaires ya texte ndenge esengeli mpo na kobongola alignment ya blockquote na yo.
Lorem ipsum dolor vanda amet, consectetur elit oyo ezo boma nzoto. Motango mobimba posuere erat a ante.
Lorem ipsum dolor vanda amet, consectetur elit oyo ezo boma nzoto. Motango mobimba posuere erat a ante.
Ba liste
Kozanga style
Longola marge par défaut list-style
mpe ya gauche na biloko ya liste (kaka bana ya mbala moko). Yango etali kaka biloko ya liste ya bana ya mbala moko , elingi koloba okozala na mposa ya kobakisa kelasi mpo na baliste nyonso oyo ekangami lokola.
- 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
Na kati ya molongo
Longola masasi ya liste moko mpe pakola mwa pole margin
na kosangisa bakelasi mibale, .list-inline
mpe .list-inline-item
.
- Lorem ipsum ezalaka
- Eloko oyo babengi Phasellus iaculis
- Nulla volutpat ezali bongo
Bolimbisi ya liste ya alignment
Bobongisa maloba mpe bandimbola na ndenge ya horizontal na kosalelaka ba kelasi oyo esili kolimbolama ya système na biso ya grille (to ba mixins sémantiques). Mpo na ntango molai, okoki kobakisa .text-truncate
kelasi na bolingi mpo na kokata makomi na ellipse.
- 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.
- Terme oyo ekatami ekatami
- Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa kaka kofanda amet risus.
- Kosala zumbu
-
- Liste ya ndimbola oyo ekangami
- Aenean posuere, tortor sed elakeli mabe feugiat, mokonzi ya mwasi augue blandit mokonzi.
Ba taille ya ba fonts oyo ezo répondre
Kobanda na v4.3.0, Bootstrap etindi na option ya ko activer ba taille ya ba fonts oyo ezo répondre, ko permettre texte e échelle plus naturelle na ba taille ya appareil na ya port de vue. RFS ekoki kozala activé na ko changer $enable-responsive-font-sizes
variable ya Sass na true
mpe ko recompiler Bootstrap.
Pona ko soutenir RFS , tosalelaka mixin ya Sass pona ko remplacer ba font-size
propriétés na biso ya normal. Ba taille ya ba fonts oyo ezo répondre ekozala compilé na calc()
ba fonctions na mélange ya rem
na ba unité ya viewport pona ko permettre comportement ya échelle responsive. Makambo mingi na ntina ya RFS mpe bobongisi na yango ekoki kozwama na ebombelo na yango ya GitHub .