twitter-bootstrap
Contenitori di bootstrap

introduzione

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.