twitter-bootstrap
Contenitori di bootstrap
Ricerca…
introduzione
Utilizzare .container per un contenitore a larghezza fissa reattiva.
Utilizzare .container-fluid per un contenitore a larghezza intera, che copre l'intera larghezza del viewport.
contenitori
.container ha una larghezza fissa per ogni dimensione dello schermo in bootstrap (xs, sm, md, lg);
.container-fluid si espande per riempire la larghezza disponibile.
@media (min-width: 568px) {
.container {
width: 550px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
A seconda della larghezza del viewport su cui viene visualizzata la pagina Web, la classe contenitore fornisce al div una larghezza fissa specifica.
Il tuo elemento .container-fluid, d'altra parte, verrà ridimensionato costantemente man mano che apporti anche le più piccole modifiche alla larghezza del tuo browser.
Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow
