Grid
Bootstrap 5 Grid System
Dieses Template nutzt das Bootstrap 5 Grid System. Weitere Infos gibt es hier Dokumentation →
Das Bootstrap 5 Grid-System hat sechs Klassen:
Vergewissern Sie sich, dass die Summe 12 oder weniger beträgt (es ist nicht erforderlich, dass Sie alle 12 verfügbaren Spalten verwenden).
| XSmall | Small | Medium | Large | Extra Large | XXL | |
|---|---|---|---|---|---|---|
| Class prefix | .col- |
.col-sm- |
.col-md- |
.col-lg- |
.col-xl- |
.col-xxl- |
| Screen width | <576px | >=576px | >=768px | >=992px | >=1200px | >=1400px |
Jede Klasse skaliert nach oben. Wenn Sie also für sm und md die gleichen Breiten einstellen wollen, müssen Sie nur sm angeben.
alle Grids gleiche Größe
col-12
col-6
col-6
col-4
col-4
col-4
col-3
col-3
col-3
col-3
col-2
col-2
col-2
col-2
col-2
col-2
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
Grids unterschiedlicher Größe
col-4
col-8
col-3
col-6
col-3