Skip to main content

# Grid system

Bootstrap 5’s 12-column responsive grid.

##### Fixed grid

.col
.col
.col
.col
.col
.col
.col
.col
.col
.col
.col
.col
.col
.col
.col
.col
.col
.col
.col
.col
.col

##### Desktop Grid

col-lg-12
col-lg-6
col-lg-6
col-lg-4
col-lg-4
col-lg-4
col-lg-3
col-lg-3
col-lg-3
col-lg-3
col-lg-2
col-lg-2
col-lg-2
col-lg-2
col-lg-2
col-lg-2

#### Mobile, Tablet, and Desktop

col-2
col-2
col-lg-8
col-sm-3
col-sm-3
col-lg-6
col-md-4
col-md-4
col-lg-4
col-sm-6
col-sm-6

##### Offset Grid

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