01. Basic Layout

Container

Ich bin ein fluid Container über die volle Bildschirmbreite. Das über mir ist ein responsiver Container.

Just col
col
col
Extra small -576px
Max. 540px
col-4
Small ≥576px
Max. 720px
col-sm-4
Medium ≥768px
col-md-4
col-md-4
Large ≥992px
Max. 960px
col-lg-4
Extra large ≥1200px
Max. 1140px
col-xl-4
.col-12 .col-md-8
.col-6 .col-md-4

Offset = Abstand

.col-sm-4
.col-sm-4 .offset-sm-4
.col-md-3 .offset-md-3
.col-md-3 .offset-md-3
.col-md-6 .offset-md-3

Nesting = Verschachtelte Rows (col-sm-9)

col-sm-7
col-sm-4
DIV-Klassen zum Ausrichten der row-Container
- justify-content-start
- justify-content-center
- justify-content-end
- justify-content-around
- justify-justify-content-between