Bootstrap Grid-System: Spaltenklassen ohne eine Zahl

Question

Warum kann ich Bootstrap Col-Klassen ohne die Anzahl der Spalten verwenden und wie wird das interpretiert? Z.B. im Snippet

Das zweite innere div verwendet Col-Klassen, die den col-Klassen des ersten inneren div entsprechen. Was heißt das?

Answer 1

Mein Wissen col Klasse hat in Bootstrap 4. Diese Klasse funktioniert eingeführt worden, weil Bootstrap 4 display:flex verwendet Inhalt, Layout, anstatt die klassischen float:left. Mit flexbox müssen Sie die Breite nicht für jede Spalte explizit definieren. Wenn ein .row enthält zwei col s, die col s besetzen 50% der Breite von .row, wenn drei col s dann 33,3333% Breite und so weiter. Schauen Sie sich diesen ausgezeichneten Artikel auf CSS Tricks an, um mehr über flexbox zu erfahren.