Forum | Gli ultimi tutorial di sviluppo web
 

Bootstrap CSS Tipografia di riferimento


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: Il testo eliminato Provalo
<s> Indica il testo non è più rilevante: Non più testo pertinente 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