Bootstrap's Standardeinstellungen
Bootstrap's globalen font-size ist 14px, mit einer line-height von 1,428.
Dies wird an den <body> und alle Absätze.
Darüber hinaus werden alle <p> Elemente haben einen unteren Rand , die die Hälfte ihrer berechneten line-height gleich (10px Standard).
Typografie
Die Elemente unten sind HTML-Elemente, die ein wenig anders von Bootstrap als Browser standardmäßig gestylt werden. Schauen Sie sich die "Versuchen Sie es" Beispiele, die die Ergebnis / Unterschiede zu sehen.
Die Klassen unten wird verwendet, um weitere Elemente zu stylen.
| Element / Klasse | Beschreibung | Beispiel |
|---|---|---|
| <h1> - <h6> or .h1 - .h6 | h1 - h6 Schriften | Versuch es |
| <small> | Erstellt ein leichter, Sekundär Text in jeder Position Überschrift (Sekundärtext) | Versuch es |
| .small | Gibt kleiner Text (auf 85% der Größe des Mutter): Kleiner Text | Versuch es |
| .lead | Macht ein Text abheben: Stehen Sie heraus Text | Versuch es |
| <mark> or .mark | Höhepunkte Text: Hervorgehoben Text | Versuch es |
| <del> | Zeigt gelöschten Text: | Versuch es |
| <s> | Zeigt nicht mehr relevant Text: | Versuch es |
| <ins> | Zeigt Text eingefügt: Zwischentext | Versuch es |
| <u> | Zeigt unterstrichenen Text: Die unterstrichenen Text | Versuch es |
| <strong> | Zeigt fett gedruckten Text: Bold Text | Versuch es |
| <em> | Zeigt kursiver Text: Kursiv Text | Versuch es |
| .text-left | Zeigt linksbündigen Text | Versuch es |
| .text-center | Gibt Zentrum bündiger Text | Versuch es |
| .text-right | Gibt rechtsbündigen Text | Versuch es |
| .text-justify | Gibt bündiger Text | Versuch es |
| .text-nowrap | Gibt keinen Wrap Text | Versuch es |
| .text-lowercase | Zeigt kleingeschriebenen Text: TEXT kleingeschrieben | Versuch es |
| .text-uppercase | Zeigt groß geschrieben Text: groß geschrieben Text | Versuch es |
| .text-capitalize | Zeigt aktivierten Text: aktivierte Text | Versuch es |
| <abbr> | Das <abbr> Element gibt eine Abkürzung oder ein Akronym. Abkürzungen mit einem Titel-Attribut eine gepunktete untere Grenze haben und eine Hilfe-Cursor auf schweben, die Bereitstellung zusätzlicher Kontext auf schweben. | Versuch es |
| .initialism | Zeigt den Text innerhalb des <abbr> Element in einem etwas kleineren Schriftgröße | Versuch es |
| <address> | Presents Kontaktinformationen | Versuch es |
| <blockquote> | Gibt Inhaltsblöcke von einer anderen Quelle | Versuch es |
| .blockquote-reverse | Gibt ein Zitat mit rechtsbündig Inhalt | Versuch es |
| <ul> | Gibt eine ungeordnete Liste | Versuch es |
| <ol> | Zeigt eine geordnete Liste | Versuch es |
| .list-unstyled | Entfernt die Standardliste Stil und linken Rand auf Listenelemente (funktioniert sowohl <ul> und <ol> ). Diese Klasse bezieht sich nur auf unmittelbare Kinder Listenelemente (die Standard-list-style aus beliebigen verschachtelte Listen zu entfernen, gelten diese Klasse auf alle verschachtelte Listen als auch) | Versuch es |
| .list-inline | Orte alle Listenelemente in einer einzigen Zeile | Versuch es |
| <dl> | Zeigt eine Beschreibung Liste | Versuch es |
| .dl-horizontal | Linien auf die Begriffe und Beschreibungen in der <dl> Element Side-by-Side. Beginnt wie Standard <dl>s , aber wenn das Browser - Fenster erweitert wird , werden sie in einer Reihe aufstellen Side-by-Side | Versuch es |
Code
| Element / Klasse | Beschreibung | Beispiel |
|---|---|---|
| <var> | Gibt Variablen: x = a b + y | Versuch es |
| <kbd> | Gibt Eingabe , die in der Regel über die Tastatur eingegeben: CTRL + P | Versuch es |
| <pre> | Zeigt mehrere Code-Zeilen | Versuch es |
| <pre class="pre-scrollable"> | Zeigt mehrere Code-Zeilen mit Scrollbar | Versuch es |
| <samp> | Zeigt Beispielausgabe von einem Computerprogramm: Beispielausgabe | Versuch es |
| <code> | Zeigt Inline - Code - Schnipsel: span , div | Versuch es |