CONTAINER BOOTSTRAP 5
Hai imparato dal post precedente che Bootstrap richiede un elemento di contenimento per avvolgere i contenuti del sito. I contenitori
vengono utilizzati per riempire il contenuto al loro interno e sono disponibili due classi:
- La classe .container fornisce un contenitore responsive a larghezza fissa
- La classe .container-fluid fornisce un contenitore a larghezza intera, che copre l’intera larghezza della finestra
CONTAINER FIXED
Usa la classe .container per creare un contenitore responsive a larghezza fissa. Tieni presente che la sua larghezza (max-width) cambierà su diverse dimensioni dello schermo:
FLUID CONTAINER
Usa la classe .container-fluid per creare un contenitore a larghezza intera, che occuperà sempre l’intera larghezza dello schermo (la larghezza è sempre 100%):
CONTAINER PADDING
Per impostazione predefinita, i contenitori hanno il riempimento sinistro e destro, senza riempimento superiore o inferiore. Ad esempio, .pt-5 significa “add a large top padding”:
<div class=”container pt-5″></div>
BORDI E COLORI CODICE
RESPONSIVE CONTAINER
Puoi anche usare le classi .container-sm|md|lg|xl per determinare quando il contenitore deve essere reattivo. La larghezza massima del contenitore cambierà su diverse dimensioni dello schermo:
Scrivi un commento