Bootstrap's impostazioni predefinite
Bootstrap's predefinita globale font-size è 14px, con una line-height di 1.428.
Questo viene applicato al <body> e tutti i paragrafi.
Inoltre, tutti i <p> elementi hanno un margine inferiore che equivale a metà della loro line-height computerizzata (10px di default).
Tipografia
Gli elementi che seguono sono elementi HTML che sarà essere in stile un po 'diverso da Bootstrap di default del browser. Guarda le "Try it" esempi per vedere il risultato / differenze.
Le classi di seguito viene utilizzato per lo stile ulteriormente gli elementi.
| Elemento / Class | Descrizione | Esempio |
|---|---|---|
| <h1> - <h6> or .h1 - .h6 | intestazioni h6 - H1 | Provalo |
| <small> | Crea un testo secondario più leggero in qualsiasi voce La voce (text secondaria) | Provalo |
| .small | Indica il testo più piccolo (impostata al 85% della dimensione del genitore): il testo più piccolo | Provalo |
| .lead | Rende un testo spiccano: Spiccano testo | Provalo |
| <mark> or .mark | In evidenza il testo: testo evidenziato | Provalo |
| <del> | Indica il testo cancellato: | Provalo |
| <s> | Indica il testo non è più rilevante: | Provalo |
| <ins> | Indica il testo inserito: testo inserito | Provalo |
| <u> | Indica testo sottolineato: testo Sottolineato | Provalo |
| <strong> | Indica testo in grassetto: testo in grassetto | Provalo |
| <em> | Indica testo in corsivo: testo in corsivo | Provalo |
| .text-left | Indica il testo allineato a sinistra | Provalo |
| .text-center | Indica il testo allineato al centro | Provalo |
| .text-right | Indica il testo allineato a destra | Provalo |
| .text-justify | Indica il testo giustificato | Provalo |
| .text-nowrap | Indica nessun testo avvolgere | Provalo |
| .text-lowercase | Indica il testo in minuscolo: TESTO in minuscolo | Provalo |
| .text-uppercase | Indica il testo maiuscolo: il testo in maiuscolo | Provalo |
| .text-capitalize | Indica il testo maiuscolo: il testo in maiuscolo | Provalo |
| <abbr> | Il <abbr> elemento indica un'abbreviazione o un acronimo. Abbreviazioni con un titolo attributo avere un bordo inferiore tratteggiata e un cursore di aiuto al passaggio del mouse, fornendo contesto aggiuntivo al passaggio del mouse. | Provalo |
| .initialism | Consente di visualizzare il testo all'interno del <abbr> elemento in una dimensione di carattere leggermente più piccolo | Provalo |
| <address> | Presenta le informazioni di contatto | Provalo |
| <blockquote> | Indica blocchi di contenuto da un'altra fonte | Provalo |
| .blockquote-reverse | Indica un blockquote con un contenuto allineato a destra | Provalo |
| <ul> | Indica una lista non ordinata | Provalo |
| <ol> | Indica una lista ordinata | Provalo |
| .list-unstyled | Rimuove l'elenco-stile predefinito e margine sinistro su voci di elenco (funziona sia su <ul> e <ol> ). Questa classe si applica solo alle voci di elenco figli immediati (per rimuovere la lista-stile predefinito da eventuali liste nidificate, applicare questa classe per eventuali liste nidificate pure) | Provalo |
| .list-inline | Luoghi tutti gli elementi della lista in una singola linea | Provalo |
| <dl> | Indica un elenco descrizione | Provalo |
| .dl-horizontal | Allinea i termini e le descrizioni nella <dl> elemento side-by-side. Inizia come predefinita <dl>s , ma quando si espande la finestra del browser, che schiererà side-by-side | Provalo |
Codice
| Elemento / Class | Descrizione | Esempio |
|---|---|---|
| <var> | Indica le variabili: x = a b + y | Provalo |
| <kbd> | Indica il metodo che viene in genere inserito tramite la tastiera: CTRL + P | Provalo |
| <pre> | Indica più righe di codice | Provalo |
| <pre class="pre-scrollable"> | Indica più righe di codice con barra di scorrimento | Provalo |
| <samp> | Indica esempio di output da un programma per computer: Esempio di output | Provalo |
| <code> | Indica frammenti linea di codice: span , div | Provalo |