Tipografia

Rubrica 1

Rubrica 2

Rubrica 3

Rubrica 4

Rubrica 5

Rubrica 6

Visualizza 1

Visualizza 2

Visualizza 3

Visualizza 4

Visualizza 5

Visualizza 6

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

Puoi usare il tag mark per evidenziare testo.

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 è stata resa come testo in grassetto.

Questa riga è stata resa come testo in corsivo.


Una nota citazione, contenuta in un elemento blockquote.

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

Immagini

segnapostoImmagine reattiva
Un'immagine segnaposto quadrata generica con un bordo bianco attorno, che la fa assomigliare a una fotografia scattata con una vecchia fotocamera istantanea200 × 200

tavoli

# Nome Cognome Handle
1 Mark Otto @mdo
2 Giacobbe Thornton @Grasso
3 Larry l'Uccello cinguettio
# Nome Cognome Handle
1 Mark Otto @mdo
2 Giacobbe Thornton @Grasso
3 Larry l'Uccello cinguettio
Classe Titolo Titolo
Predefinito Cella Cella
Primario Cella Cella
Secondario Cella Cella
Storie Di Cella Cella
Pericolo Cella Cella
avvertimento Cella Cella
Informazioni Utili Cella Cella
Light Cella Cella
Scuro Cella Cella
# Nome Cognome Handle
1 Mark Otto @mdo
2 Giacobbe Thornton @Grasso
3 Larry l'Uccello cinguettio
segnaposto400 × 300
Una didascalia per l'immagine sopra.

Componenti

Fisarmonica

Documentazione

Questo è il corpo della fisarmonica del primo elemento. È nascosto per impostazione predefinita, fino a quando il plug-in di compressione non aggiunge le classi appropriate che usiamo per definire lo stile di ciascun elemento. Queste classi controllano l'aspetto generale, nonché la visualizzazione e l'occultamento tramite transizioni CSS. Puoi modificare qualsiasi cosa con CSS personalizzati o sovrascrivendo le nostre variabili predefinite. Vale anche la pena notare che praticamente qualsiasi codice HTML può rientrare nel formato .accordion-body, sebbene la transizione limiti l'overflow.

Questo è il corpo a fisarmonica del secondo elemento. È nascosto per impostazione predefinita, fino a quando il plug-in di compressione non aggiunge le classi appropriate che usiamo per definire lo stile di ciascun elemento. Queste classi controllano l'aspetto generale, nonché la visualizzazione e l'occultamento tramite transizioni CSS. Puoi modificare qualsiasi cosa con CSS personalizzati o sovrascrivendo le nostre variabili predefinite. Vale anche la pena notare che praticamente qualsiasi codice HTML può rientrare nel formato .accordion-body, sebbene la transizione limiti l'overflow.

Questo è il corpo della fisarmonica del terzo elemento. È nascosto per impostazione predefinita, fino a quando il plug-in di compressione non aggiunge le classi appropriate che usiamo per definire lo stile di ciascun elemento. Queste classi controllano l'aspetto generale, nonché la visualizzazione e l'occultamento tramite transizioni CSS. Puoi modificare qualsiasi cosa con CSS personalizzati o sovrascrivendo le nostre variabili predefinite. Vale anche la pena notare che praticamente qualsiasi codice HTML può rientrare nel formato .accordion-body, sebbene la transizione limiti l'overflow.

Distintivo

Documentazione

Esempio di intestazione New

Esempio di intestazione New

Esempio di intestazione New

Esempio di intestazione New

Esempio di intestazione New

Esempio di intestazione New

Esempio di intestazione New

Esempio di intestazione New

Primario Secondario Storie Di Pericolo avvertimento Informazioni Utili Light Scuro

Bottoni

Documentazione
segnapostoTappo immagine
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
segnapostoImmagine
Titolo della carta

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

Ultimo aggiornamento 3 minuti fa

Elenco di gruppi

Documentazione

popovers

Documentazione

Spia pergamena

Documentazione

Prima rubrica

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 qualche altro testo di esempio qui per enfatizzare lo scorrimento e l'evidenziazione.

Seconda rubrica

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 qualche altro testo di esempio qui per enfatizzare lo scorrimento e l'evidenziazione.

Terza rubrica

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 qualche altro testo di esempio qui per enfatizzare lo scorrimento e l'evidenziazione.

Quarta rubrica

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 qualche altro testo di esempio qui per enfatizzare lo scorrimento e l'evidenziazione.

Quinta rubrica

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 qualche altro testo di esempio qui per enfatizzare lo scorrimento e l'evidenziazione.

Spinners

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

Tooltips

Documentazione