bootstrap grid design code example
Example 1: no-gutter bootstrap 4
.col-12 .col-sm-6 .col-md-8
.col-6 .col-md-4
Example 2: bootstrap grid
One of three columns
One of three columns
One of three columns
Example 3: .col-12 bootstrap
.col-12{
flex: 0 0 100%;
max-width: 100%;
}
Example 4: bootstrap grid
This code will create 4 boxes placed side by side, which will be
dynamically positioned, according to the size of the screen. We define
the following behavior:
class = "col-lg-3"
class = "col-md-4"
class = "col-sm-6"
One of four columns
One of four columns
One of four columns
One of four columns