Bootstrap Crash Course:

Exploring the row-column connection within the grid system.

We adopted the code below from our previous work with Bootstrap5 Grid System Demo. Compare/contrast the subtleties between them.

HSL CSS settings in the CSS easily provided the gradient colors in the various rows.

...Loading Browser Dimensions Table...

BS5 Container-Row-Col Designs

c-1
c-1
c-1
c-1
c-1
c-1
c-1
c-1
c-1
c-1
c-1
c-1
col-3
col-3
col-3
col-3
sm-4
sm-4
sm-4
1 of 4 md
2 of 4 md
3 of 4 md
4 of 4 md
sm-3 md-4
sm-3 md-4
sm-3 md-4
sm-3 md-4 xl-4
sm-3 md-4 xl-5
sm-6 md-4 xl-3
col-3 col-lg-5
col-auto
col
col-2
<= offset-5
col-3
col-2