twitter-bootstrap
Bootstrap-Container

Einführung

Behälter

.container hat eine feste Breite für jede Bildschirmgröße in Bootstrap (xs, sm, md, lg);

.container-fluid dehnt sich aus, um die verfügbare Breite auszufüllen.

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

Abhängig von der Breite des Ansichtsfensters, auf dem die Webseite angezeigt wird, gibt die Containerklasse ihrem Div eine bestimmte feste Breite.

Andererseits wird Ihr .container-fluid Element ständig verkleinert, wenn Sie selbst kleinste Änderungen an der Breite Ihres Browsers vornehmen.