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: | Incearca-l |
<s> | Indică textul nu mai sunt 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 |