twitter-bootstrap
Kontenery Bootstrap

Wprowadzenie

Pojemniki

.container ma jedną stałą szerokość dla każdego rozmiaru ekranu w bootstrapie (xs, sm, md, lg);

.container-fluid rozszerza się, wypełniając dostępną szerokość.

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

W zależności od szerokości rzutni, na której przeglądana jest strona internetowa, klasa kontenera nadaje jej div określoną stałą szerokość.

Z drugiej strony, Twój .container-fluid element będzie stale zmieniał rozmiar podczas dokonywania nawet najmniejszych zmian w szerokości przeglądarki.