Suche…


Einführung

Verwenden Sie .container für einen responsiven Container mit fester Breite.

Verwenden Sie .container-fluid für einen Container mit voller Breite, der sich über die gesamte Breite des Viewports erstreckt.

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.



Modified text is an extract of the original Stack Overflow Documentation
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow