Heim  >  Artikel  >  Web-Frontend  >  Kann Bootstrap 3 wirklich mehr als 12 Spalten hintereinander haben?

Kann Bootstrap 3 wirklich mehr als 12 Spalten hintereinander haben?

Barbara Streisand
Barbara StreisandOriginal
2024-10-31 15:33:42458Durchsuche

Can Bootstrap 3 Really Have More Than 12 Columns in a Row?

Bootstrap 3: Verwendung von mehr als 12 Spalten hintereinander

Das bereitgestellte Code-Snippet überschreibt das Verhalten von Bootstrap 3 für große Spaltengruppen und ermöglicht Ihnen um mehr als 12 Spalten hintereinander zu verwenden. Es ist jedoch wichtig klarzustellen, dass Bootstrap Sie nicht strikt auf 12 Spalten pro Zeile beschränkt.

Laut der Bootstrap-Dokumentation können Sie mehr als 12 Spalten in einer einzelnen Zeile haben. Wenn Sie diesen Grenzwert jedoch überschreiten, werden die zusätzlichen Spalten als einzelne Einheit in eine neue Zeile umgebrochen. Dieser „Spaltenumbruch“ ist notwendig, um die Reaktionsfähigkeit des Rastersystems aufrechtzuerhalten.

Um dieses Verhalten zu veranschaulichen, betrachten Sie das folgende Codebeispiel:

<code class="html"><div class="container">
  <div class="row large-group" style="background-color:#ebebeb;">    
    <div class="col-xs-9"><div style="background-color:#babeee;"><p>col 9</p></div></div>    
    <div class="col-xs-3"><div style="background-color:#fefeeb;"><p>col 3</p></div></div>    
    <div class="col-xs-12"><div style="background-color:#bada55;"><p>col 12</p></div></div>    
  </div>    
</div></code>

In diesem Beispiel gibt es 14 Spalten, die den typischen Grenzwert von 12 überschreiten. Beachten Sie jedoch, dass die Spalten weiterhin korrekt angezeigt und in eine neue Zeile umgebrochen werden, wobei das reaktionsfähige Layout beibehalten wird.

Daher sind die in der bereitgestellten benutzerdefinierten Überschreibungen nicht erforderlich Originalbeitrag. Mit Bootstrap können Sie bereits mehr als 12 Spalten hintereinander verwenden, sofern Sie das Verhalten des „Spaltenumbruchs“ berücksichtigen.

Das obige ist der detaillierte Inhalt vonKann Bootstrap 3 wirklich mehr als 12 Spalten hintereinander haben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn