Wie kann verhindert werden, dass Bootstrap-Rasterspalten in einem Wrapper mit fester Breite gestapelt werden?

Bootstrap-Rastersystem mit fester Breite Wrapper: Spaltenstapelung verhindern

Bei Verwendung des Bootstrap 3-Rastersystems innerhalb eines Wrappers mit fester Breite Spalten neigen dazu, sich vertikal zu stapeln, wenn sich die Größe des Browser-Ansichtsfensters ändert. Um dieses Verhalten zu beheben, verwenden Sie die Klasse col-xs-*, um Spalten als nicht stapelbare Elemente darzustellen:

<code class="html"><div class="container">
  <div class="row">
    <div class="col-xs-4">.col-4</div>
    <div class="col-xs-4">.col-4</div>
    <div class="col-xs-4">.col-4</div>
  </div>
</div></code>

Dieser Code stellt sicher, dass Spalten unabhängig von Änderungen der Browsergröße nebeneinander bleiben. Beachten Sie, dass für Bootstrap 4 die Klasse col-xs-* nicht mehr erforderlich ist:

<code class="html"><div class="container-fluid">
  <div class="row">
    <div class="col-4">.col-4</div>
    <div class="col-4">.col-4</div>
    <div class="col-4">.col-4</div>
  </div>
</div></code>

Das obige ist der detaillierte Inhalt vonWie kann verhindert werden, dass Bootstrap-Rasterspalten in einem Wrapper mit fester Breite gestapelt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!