Lesson overview
Bootstrap uses a 12-column grid built with rows and columns. You place .col-* elements inside a .row, and Bootstrap handles widths, wrapping, and gutters. The grid becomes powerful when combined with responsive breakpoints.
Learning outcomes
.row and .colcol-md-6)Core rules
.container (or similar) → .row → .colExample: two columns on desktop, stacked on mobile
Offsets & centering
Nesting
Practice tasks
lg screens (4/4/4), but stacked on mobile.lg, stacked on mobile.Quick check
.row?g-3 control?Lesson summary
Get the latest course releases and learning insights delivered straight to your inbox each week.
By subscribing you agree to our Privacy Policy and consent to receive updates from SkillNet.