BootstrapCheatsheet

Cheatsheet RTL

Cuntenuti

Tipografia

Documentazione

Display 1

Display 2

Display 3

Display 4

Display 5

Display 6

Titre 1

Titre 2

Titre 3

Titre 4

Titre 5

Titre 6

Questu hè un paràgrafu principale. Si distingue da i paragrafi rigulari.

Pudete aduprà u tag marcatu perevidenziatetestu.

Questa linea di testu hè destinata à esse trattata cum'è testu sguassatu.

Questa linea di testu hè destinata à esse trattata cum'è micca più precisa.

Questa linea di testu hè destinata à esse trattata cum'è un aghjuntu à u documentu.

Questa linea di testu serà resa cum'è sottolineata.

Questa linea di testu hè destinata à esse trattata cum'è stampa fine.

Questa linea hè resa cum'è testu in grassu.

Questa linea hè resa cum'è testu in italicized.

Una cita ben cunnisciuta, cuntenuta in un elementu blockquote.

Qualchissia famosu in Source Title
  • Questa hè una lista.
  • Sembra completamente senza stile.
  • Strutturalmente, hè sempre una lista.
  • Tuttavia, stu stile hè solu appiicatu à l'elementi di u zitellu immediata.
  • Liste nidificate:
    • ùn sò micca affettati da stu stile
    • mostrarà sempre una bala
    • è avè un margine di manca adattatu
  • Questu pò ancu esse utile in certe situazioni.
  • Questu hè un articulu di lista.
  • È un altru.
  • Ma sò affissati in linea.

Images

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

Tavule

Documentazione
# Primu Ultimu Maniglia
1 Marcu Ottu @mdo
2 Ghjacobbu Thornton @grassu
3 Larry l'uccello @twitter
# Primu Ultimu Maniglia
1 Marcu Ottu @mdo
2 Ghjacobbu Thornton @grassu
3 Larry l'uccello @twitter
Classe Titulu Titulu
Default Cell Cell
Primariu Cell Cell
Sicundariu Cell Cell
Successu Cell Cell
Periculu Cell Cell
Attenzione Cell Cell
Info Cell Cell
Luce Cell Cell
Scuru Cell Cell
# Primu Ultimu Maniglia
1 Marcu Ottu @mdo
2 Ghjacobbu Thornton @grassu
3 Larry l'uccello @twitter

I figuri

Documentazione
Placeholder 400x300
Una didascalia per l'imaghjini sopra.

Forme

Panoramica

Documentazione
Ùn sparteremu mai u vostru email cù qualcunu altru.
Pulsanti di radiu

Forme disabilitate

Documentazione
Pulsanti di radiu disabilitati

Misure

Documentazione

Gruppu di input

Documentazione
@
@example.com
https://example.com/users/
$ .00
Cù textarea

Validazione

Documentazione
Sembra bè!
Sembra bè!
@
Per piacè sceglite un nome d'utilizatore.
Per piacè furnite una cità valida.
Per piacè selezziunate un statu validu.
Per piacè furnite un zip validu.
Avete bisognu d'accordu prima di mandà.

Cumpunenti

fisarmonica

Documentazione

Questu hè u corpu di l'accordione di u primu articulu. Hè oculatu per automaticamente, finu à chì u plugin di colapsu aghjunghjenu e classi appropritate chì avemu usatu per stilà ogni elementu. Queste classi cuntrollanu l'aspettu generale, è ancu a mostra è a ocultazione via transizioni CSS. Pudete mudificà qualcosa di questu cù CSS persunalizati o annunziendu e nostre variabili predeterminate. Hè nutate ancu chì quasi ogni HTML pò andà in u .accordion-body, anche se a transizione limita u 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.

This is the third 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.

Alerts

Documentazione

Badge

Documentation

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New

Primary Secondary Success Danger Warning Info Light Dark

Buttons

Documentation

Card

Documentation
Placeholder Image cap
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Featured
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
2 days ago
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

  • An item
  • A second item
  • A third item
Card link Another link
Placeholder Image
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

Popovers

Documentation

Scrollspy

Documentation

First heading

Questu hè un cuntenutu di piazzamentu per a pagina scrollspy. Nota chì mentre scorri a pagina, u ligame di navigazione appropritatu hè evidenziatu. Hè ripetutu in tuttu l'esempiu di cumpunenti. Continuemu à aghjunghje un pocu di copie di esempiu quì per enfatizà u scrolling è l'evidenziazione.

Seconda rubrica

Questu hè un cuntenutu di piazzamentu per a pagina scrollspy. Nota chì mentre scorri a pagina, u ligame di navigazione appropritatu hè evidenziatu. Hè ripetutu in tuttu l'esempiu di cumpunenti. Continuemu à aghjunghje un pocu di copie di esempiu quì per enfatizà u scrolling è l'evidenziazione.

Terzu capu

Questu hè un cuntenutu di piazzamentu per a pagina scrollspy. Nota chì mentre scorri a pagina, u ligame di navigazione appropritatu hè evidenziatu. Hè ripetutu in tuttu l'esempiu di cumpunenti. Continuemu à aghjunghje un pocu di copie di esempiu quì per enfatizà u scrolling è l'evidenziazione.

Quarta rubrica

Questu hè un cuntenutu di piazzamentu per a pagina scrollspy. Nota chì mentre scorri a pagina, u ligame di navigazione appropritatu hè evidenziatu. Hè ripetutu in tuttu l'esempiu di cumpunenti. Continuemu à aghjunghje un pocu di copie di esempiu quì per enfatizà u scrolling è l'evidenziazione.

Quinta rubrica

Questu hè un cuntenutu di piazzamentu per a pagina scrollspy. Nota chì mentre scorri a pagina, u ligame di navigazione appropritatu hè evidenziatu. Hè ripetutu in tuttu l'esempiu di cumpunenti. Continuemu à aghjunghje un pocu di copie di esempiu quì per enfatizà u scrolling è l'evidenziazione.

Spinners

Documentazione

Toasts

Documentazione

Tooltips

Documentazione