BootstrapCheatsheet

Foglio di trucco RTL

Contenuti

Tipografia

Documentazione

Mostra 1

Mostra 2

Mostra 3

Mostra 4

Mostra 5

Mostra 6

Titolo 1

Titolo 2

Titolo 3

Titolo 4

Titolo 5

Titolo 6

Questo è un paragrafo principale. Si distingue dai normali paragrafi.

È possibile utilizzare il tag mark aevidenziaretesto.

Questa riga di testo deve essere trattata come testo cancellato.

Questa riga di testo deve essere trattata come non più accurata.

Questa riga di testo deve essere trattata come un'aggiunta al documento.

Questa riga di testo verrà visualizzata come sottolineata.

Questa riga di testo deve essere trattata come una stampa fine.

Questa riga è resa come testo in grassetto.

Questa riga è stata visualizzata come testo in corsivo.

Una citazione nota, contenuta in un elemento blockquote.

Qualcuno famoso nel titolo della fonte
  • Questa è una lista.
  • Sembra completamente fuori stile.
  • Strutturalmente, è ancora una lista.
  • Tuttavia, questo stile si applica solo agli elementi figlio immediati.
  • Elenchi annidati:
    • non sono influenzati da questo stile
    • mostrerà ancora un proiettile
    • e avere un margine sinistro appropriato
  • Questo può ancora tornare utile in alcune situazioni.
  • Questa è una voce di elenco.
  • E un altro.
  • Ma vengono visualizzati in linea.

immagini

Documentazione
Placeholder Responsive image
A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera 200x200

Tabelle

Documentazione
# Primo Scorso Maneggiare
1 Segno Ottone @mdo
2 Giacobbe Thornton @Grasso
3 Larry l'Uccello @twitter
# Primo Scorso Maneggiare
1 Segno Ottone @mdo
2 Giacobbe Thornton @Grasso
3 Larry l'Uccello @twitter
Classe Intestazione Intestazione
Predefinito Cellula Cellula
Primario Cellula Cellula
Secondario Cellula Cellula
Successo Cellula Cellula
Pericolo Cellula Cellula
Avvertimento Cellula Cellula
Informazioni Cellula Cellula
Luce Cellula Cellula
Scuro Cellula Cellula
# Primo Scorso Maneggiare
1 Segno Ottone @mdo
2 Giacobbe Thornton @Grasso
3 Larry l'Uccello @twitter
Placeholder 400x300
Una didascalia per l'immagine sopra.

Le forme

Panoramica

Documentazione
Non condivideremo mai la tua email con nessun altro.
Pulsanti radio

Moduli disabilitati

Documentazione
Pulsanti radio disabilitati

Dimensionamento

Documentazione

Gruppo di input

Documentazione
@
@esempio.com
https://example.com/users/
$ .00
Con area di testo

Etichette fluttuanti

Documentazione

Convalida

Documentazione
Sembra buono!
Sembra buono!
@
Scegli un nome utente.
Si prega di fornire una città valida.
Seleziona uno stato valido.
Si prega di fornire un codice postale valido.
Devi essere d'accordo prima di inviare.

Componenti

Fisarmonica

Documentazione

Questo è il corpo della fisarmonica del primo oggetto. È nascosto per impostazione predefinita, fino a quando il plugin di compressione non aggiunge le classi appropriate che usiamo per definire lo stile di ogni elemento. Queste classi controllano l'aspetto generale, nonché il mostrare e nascondere tramite le transizioni CSS. Puoi modificare tutto ciò con CSS personalizzati o sovrascrivendo le nostre variabili predefinite. Vale anche la pena notare che praticamente qualsiasi HTML può andare all'interno di .accordion-body, sebbene la transizione limiti l'overflow.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Questo è il corpo della fisarmonica del terzo oggetto. È nascosto per impostazione predefinita, fino a quando il plugin di compressione non aggiunge le classi appropriate che usiamo per definire lo stile di ogni elemento. Queste classi controllano l'aspetto generale, nonché il mostrare e nascondere tramite le transizioni CSS. Puoi modificare tutto ciò con CSS personalizzati o sovrascrivendo le nostre variabili predefinite. Vale anche la pena notare che praticamente qualsiasi HTML può andare all'interno di .accordion-body, sebbene la transizione limiti l'overflow.

Distintivo

Documentazione

Esempio di intestazioneNuovo

Esempio di intestazioneNuovo

Esempio di intestazioneNuovo

Esempio di intestazioneNuovo

Esempio di intestazioneNuovo

Esempio di intestazioneNuovo

Esempio di intestazioneNuovo

Esempio di intestazioneNuovo

Primario Secondario Successo Pericolo Avvertimento Informazioni Luce Scuro

Bottoni

Documentazione
Placeholder Image cap
Titolo della carta

Un breve testo di esempio per costruire sul titolo della carta e costituire la maggior parte del contenuto della carta.

Andare da qualche parte
In primo piano
Titolo della carta

Un breve testo di esempio per costruire sul titolo della carta e costituire la maggior parte del contenuto della carta.

Andare da qualche parte
Titolo della carta

Un breve testo di esempio per costruire sul titolo della carta e costituire la maggior parte del contenuto della carta.

  • Un oggetto
  • Un secondo oggetto
  • Un terzo elemento
Placeholder Image
Titolo della carta

Questa è una scheda più ampia con il testo di supporto di seguito come introduzione naturale a contenuti aggiuntivi. Questo contenuto è un po' più lungo.

Ultimo aggiornamento 3 minuti fa

Gruppo elenco

Documentazione
  • Un oggetto disabilitato
  • Un secondo oggetto
  • Un terzo elemento
  • Un quarto elemento
  • E un quinto
  • Un oggetto
  • Un secondo oggetto
  • Un terzo elemento
  • Un quarto elemento
  • E un quinto

Popover

Documentazione

Spia pergamena

Documentazione

Prima intestazione

Questo è un contenuto segnaposto per la pagina scrollspy. Tieni presente che mentre scorri la pagina verso il basso, viene evidenziato il collegamento di navigazione appropriato. Viene ripetuto in tutto l'esempio del componente. Continuiamo ad aggiungere un altro esempio di copia qui per enfatizzare lo scorrimento e l'evidenziazione.

Secondo titolo

Questo è un contenuto segnaposto per la pagina scrollspy. Tieni presente che mentre scorri la pagina verso il basso, viene evidenziato il collegamento di navigazione appropriato. Viene ripetuto in tutto l'esempio del componente. Continuiamo ad aggiungere un altro esempio di copia qui per enfatizzare lo scorrimento e l'evidenziazione.

Terzo titolo

Questo è un contenuto segnaposto per la pagina scrollspy. Tieni presente che mentre scorri la pagina verso il basso, viene evidenziato il collegamento di navigazione appropriato. Viene ripetuto in tutto l'esempio del componente. Continuiamo ad aggiungere un altro esempio di copia qui per enfatizzare lo scorrimento e l'evidenziazione.

Quarto titolo

Questo è un contenuto segnaposto per la pagina scrollspy. Tieni presente che mentre scorri la pagina verso il basso, viene evidenziato il collegamento di navigazione appropriato. Viene ripetuto in tutto l'esempio del componente. Continuiamo ad aggiungere un altro esempio di copia qui per enfatizzare lo scorrimento e l'evidenziazione.

Quinto titolo

Questo è un contenuto segnaposto per la pagina scrollspy. Tieni presente che mentre scorri la pagina verso il basso, viene evidenziato il collegamento di navigazione appropriato. Viene ripetuto in tutto l'esempio del componente. Continuiamo ad aggiungere un altro esempio di copia qui per enfatizzare lo scorrimento e l'evidenziazione.

Filatori

Documentazione
Caricamento in corso...
Caricamento in corso...
Caricamento in corso...
Caricamento in corso...
Caricamento in corso...
Caricamento in corso...
Caricamento in corso...
Caricamento in corso...
Caricamento in corso...
Caricamento in corso...
Caricamento in corso...
Caricamento in corso...
Caricamento in corso...
Caricamento in corso...
Caricamento in corso...
Caricamento in corso...

Brindisi

Documentazione

Suggerimenti

Documentazione