Ultimele tutoriale de dezvoltare web
 

Bootstrap CSS Tipografie de referință


Bootstrap's Setări implicite

Bootstrap's prestabilită la nivel global font-size este 14px, cu o line-height de line-height de 1.428.

Acest lucru se aplică la <body> și toate punctele.

În plus, toate <p> elemente au o margine inferioară care este egală cu jumătatea lor calculată linie de înălțime (10px by default) .


Tipografie

Elementele de mai jos sunt elemente HTML care va fi stilizat un pic diferit de Bootstrap decât valorile implicite din browser. Uită - te la "Try it" - "Try it" exemple pentru a vedea rezultatul / diferențele.

Clasele de mai jos este folosit pentru stilul elementelor suplimentare.

Element / Clasa Descriere Exemplu
<h1> - <h6>
or
.h1 - .h6
rubrici h6 - h1 Incearca-l
<small> Creează un text mai ușor, secundar în orice poziție

Titlu (Text secundar)

Incearca-l
.small Indică textul mai mic (set to 85% of the size of the parent) : Text mai mici Incearca-l
.lead Face un text ies în evidență: Stand afară de text Incearca-l
<mark>
or
.mark
Repere text: Text Evidențiat Incearca-l
<del> Indică textul șters: Textul eliminat Incearca-l
<s> Indică textul nu mai sunt relevante: Nu text mai relevante Incearca-l
<ins> Indică textul inserat: text inserată Incearca-l
<u> Indică text subliniat: textul subliniat Incearca-l
<strong> Indică text cu caractere aldine: text Bold Incearca-l
<em> Indică Text cursiv: Text cursiv Incearca-l
.text-left Indică textul aliniat stânga- Incearca-l
.text-center Indică textul aliniat-centru Incearca-l
.text-right Indică textul aliniat la dreapta Incearca-l
.text-justify Indică textul justificat Incearca-l
.text-nowrap Indică niciun text folie Incearca-l
.text-lowercase Indică textul cu litere minuscule: TEXT litere minuscule Incearca-l
.text-uppercase Indică textul uppercased: text uppercased Incearca-l
.text-capitalize Indică textul capitalizat: text capitalizat Incearca-l
<abbr> <abbr> Elementul indică o abreviere sau un acronim. Abrevieri cu un titlu atribut au un chenar jos punctată și un cursor ajutor pe Hover, oferind un context suplimentar pe Hover. Incearca-l
.initialism Afișează textul din interiorul <abbr> elementul într - o dimensiune de font ușor mai mici Incearca-l
<address> Prezintă informații de contact Incearca-l
<blockquote> Indică blocuri de conținut dintr-o altă sursă Incearca-l
.blockquote-reverse Indică o blockquote cu conținut aliniat-dreapta Incearca-l
<ul> Indică o listă neordonată Incearca-l
<ol> Indică o listă ordonată Incearca-l
.list-unstyled Elimină implicit lista de stil și marginea din stânga elemente de listă (funcționează pe ambele <ul> și <ol> ). Această clasă se aplică numai elementelor imediate listă de copii (pentru a elimina implicit lista de stil de la orice liste imbricate, se aplică această clasă oricărei liste imbricate, de asemenea) Incearca-l
.list-inline Locuri toate elementele din listă pe o singură linie Incearca-l
<dl> Indică o listă descriere Incearca-l
.dl-horizontal Liniile sus termenii și descrierile din <dl> elementul side-by-side. Începe off ca implicit <dl>s , dar atunci când fereastra browser - ului se extinde, se va alinia side-by-side Incearca-l

Cod

Element / Clasa Descriere Exemplu
<var> Indică variabile: x = a b + y Incearca-l
<kbd> Indică de intrare , care este de obicei introdus prin intermediul tastaturii: CTRL + P Incearca-l
<pre> Indică mai multe linii de cod Incearca-l
<pre class="pre-scrollable"> Indică mai multe linii de cod cu bara de defilare Incearca-l
<samp> Indică un exemplu de ieșire dintr - un program de calculator: Exemplu Incearca-l
<code> Indică fragmente inline de cod: span , div Incearca-l