twitter-bootstrap
Bootstrap-containers

Invoering

containers

.container heeft één vaste breedte voor elke schermgrootte in bootstrap (xs, sm, md, lg);

.container-vloeistof zet uit om de beschikbare breedte te vullen.

@media (min-width: 568px) {
  .container {
    width: 550px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

Afhankelijk van de breedte van de viewport waarop de webpagina wordt bekeken, geeft de containerklasse zijn div een specifieke vaste breedte.

Uw .container-fluid element daarentegen zal constant van formaat veranderen terwijl u zelfs de kleinste wijzigingen in de breedte van uw browser aanbrengt.