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

#PrimaCognomeHandle
1MarkOtto@mdo
2GiacobbeThornton@Grasso
3Larry l'Uccellocinguettio
#PrimaCognomeHandle
1MarkOtto@mdo
2GiacobbeThornton@Grasso
3Larry l'Uccellocinguettio
ClasseTitoloTitolo
PredefinitoCellaCella
PrimarioCellaCella
SecondarioCellaCella
di successoCellaCella
PericoloCellaCella
AvvertenzaCellaCella
InfoCellaCella
LightCellaCella
ScuroCellaCella
#PrimaCognomeHandle
1MarkOtto@mdo
2GiacobbeThornton@Grasso
3Larry l'Uccellocinguettio
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 Nuovo

Esempio di intestazione Nuovo

Esempio di intestazione Nuovo

Esempio di intestazione Nuovo

Esempio di intestazione Nuovo

Esempio di intestazione Nuovo

Esempio di intestazione Nuovo

Esempio di intestazione Nuovo

Primario Secondario di successo Pericolo Avvertenza Info Light Scuro
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

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.

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 ...