Grid system
Bootstrap beinhaltet ein anpassungsfähiges, Mobile-First-basiertes Flexbox-Raster, das bis zu 12 Spalten über verschiedene Geräte- oder Viewport-Größen skaliert. Dabei sind vordefinierte Klassen für einfache Layout-Optionen, sowie umfangreiche Mixins für die Erstellung von semantischeren Layouts.
Auto-layout columns
Equal-width
1 of 2
2 of 2
Setting one column width
1 of 3
2 of 3 (wider)
3 of 3
Variable width content
1 of 3
Variable width content
3 of 3
Equal-width multi-row
col
col
col
col
Responsive classes
All breakpoints
col-8
col-4
Stacked to horizontal
col-sm-8
col-sm-4
Mix and match
.col-12 .col-md-8
.col-6 .col-md-4
Alignment
Vertical alignment
One of three columns
One of three columns
One of three columns
One of three columns
One of three columns
One of three columns
Horizontal alignment
One of two columns
One of two columns
Infos: