Bootstrap classe ausiliaria
Questo capitolo descrive alcuni dei Bootstrap potrebbe venire in classi di supporto a portata di mano.
testo
Le seguenti classi differenti mostrano differenti colori di testo. Se il testo è un collegamento per spostare il mouse sul testo verrà oscurato:
| categoria | descrizione | Esempi |
|---|---|---|
| .text-mute | Stile testo categoria "text-silenziato" | provare |
| .text-primaria | Stile testo categoria "text-primario" | provare |
| .text-successo | Stile testo categoria "text-successo" | provare |
| .text-info | Stile testo categoria "text-info" | provare |
| .text-warning | Stile testo categoria "text-avvertimento" | provare |
| .text-pericolo | Stile testo categoria "text-pericolo" | provare |
sfondo
Le seguenti classi di diversi spettacoli diversi colori di sfondo. Se il testo è un collegamento per spostare il mouse sul testo verrà oscurato:
| categoria | descrizione | Esempi |
|---|---|---|
| .bg-primaria | cella di una tabella utilizzando la categoria "bg-primario" | provare |
| .bg-successo | cella di una tabella utilizzando la categoria "bg-successo" | provare |
| .bg-info | cella di una tabella utilizzando la categoria "bg-info" | provare |
| .bg-warning | cella di una tabella utilizzando la categoria "bg-warning" | provare |
| .bg-pericolo | cella di una tabella utilizzando la categoria "bg-pericolo" | provare |
altro
| categoria | descrizione | Esempi |
|---|---|---|
| .Estrarre-sinistra | Elementi galleggiano verso sinistra | provare |
| .Estrarre-destra | Elementi galleggiano verso destra | provare |
| .center-block | Elemento è impostato display: block e centrato | provare |
| .clearfix | float chiaro | provare |
| .show | Vengono visualizzati elementi obbligatori | provare |
| .hidden | Obbligatoria elemento nascosto | provare |
| .sr-only | Oltre al lettore di schermo, l'elemento nascosto su altri dispositivi | provare |
| .sr-solo-attivabile | In concomitanza con classe .sr solo, visualizzato quando l'elemento viene messa a fuoco (come ad esempio: il funzionamento della tastiera dell'utente) | provare |
| .text Nascondi | Gli elementi della pagina di testo contenuti sostituire sfondo | provare |
| .close | Display Off | provare |
| .caret | Mostra menu a discesa | provare |
Altri esempi
Chiudi icona
Utilizzare comune Chiudi icona per chiudere il dialogo modale e la finestra di avviso. Utilizzareclasse vicino ad avvicinarsi icona.
Esempi
Prova »
I risultati sono i seguenti:
segno di omissione
Utilizzare cursore per tirare verso il basso la funzione e la direzione. Utilizzare <span> elemento conclasse cursore per ottenere questa funzione.
I risultati sono i seguenti:
galleggiante veloce
È possibile utilizzare ogniclasse di pull-sinistra pull-destrao agli elementi di sinistra o di destra-floating. L'esempio che segue illustra questo punto.
Esempi
Prova »
I risultati sono i seguenti:
Per allineare i componenti della barra di navigazione, utilizzare.navbar-sinistra o .navbar-destrainvece. Vedere la barra di navigazione Bootstrap .
contenuti centrato
Utilizzare laclasse di centro-block per centrare gli elementi.
Esempi
Prova »
I risultati sono i seguenti:
float chiaro
Per cancellare l'elemento flottante, usare.clearfix di classe.
Esempi
Prova »
I risultati sono i seguenti:
Mostrare e nascondere i contenuti
È possibile forzare l'elemento da visualizzare o nascondere (compresi i lettori di schermo) attraverso l'uso diclasse .show e .hiddenvenire.
Esempi
Prova »
I risultati sono i seguenti:
lettore di schermo
È possibile inserire tutti gli elementi sul dispositivo utilizzando unaclasse nascosta .sr solo, oltre a uno screen reader.
Esempi
Prova »
I risultati sono i seguenti:
Qui vediamo due tipi di tag di immissione dell'etichetta conclasse SR-solo, in modo che il marchio sarà visibile solo agli screen reader.