Bootstrap - Demo reattiva
Bootstrap fornisce alcune classi di aiuto manciate, per uno sviluppo più veloce per dispositivi mobili. Questi possono essere utilizzati per mostrare e nascondere i contenuti per dispositivo tramite media query, combinati con dispositivi grandi, piccoli e medi.
Usali con parsimonia ed evita di creare versioni completamente diverse dello stesso sito. Responsive utilities are currently only available for block and table toggling.
| Classi | dispositivi |
|---|---|
| .visible-xs | Piccolo extra (meno di 768px) visibile |
| .visible-sm | Piccolo (fino a 768 px) visibile |
| .visible-md | Medio (da 768 px a 991 px) visibile |
| .visible-lg | Visibile più grande (992 px e oltre) |
| .hidden-xs | Piccolo extra (meno di 768px) nascosto |
| .hidden-sm | Piccolo (fino a 768 px) nascosto |
| .hidden-md | Medio (da 768 px a 991 px) nascosto |
| .hidden-lg | Più grande (992 px e oltre) nascosto |
| Esempio | Descrizione | Link per scaricare |
|---|---|---|
| Scheda reattiva | Questo esempio indica la struttura della carta in Bootstrap | Scarica |
| Testimonianze semplici | Questo esempio indica la struttura dei Testimonianze in Bootstrap | Scarica |
| Griglia video | Questo esempio indica la struttura del Grid Video in Bootstrap | Scarica |
| Immagine banner | Questo esempio indica la struttura dell'immagine del banner in Bootstrap | Scarica |
| Giostra con indicatori facciali | Questo esempio indica il Carousel con la struttura degli indicatori dei volti in Bootstrap | Scarica |