Bootstrap 5 GridLesson 44Free preview

BS5 Grid Small

This lesson is part of Bootstrap · All levels

Summary

Breakpoint small (sm) applies to screens with a minimum width of 576 pixels, e.g. mobile phones in landscape orientation. The small column class is written .col-sm-6 and is only active when the screen width reaches 576px up; below that column stays stacked. This allows for a convenient division of two columns on a linear cell phone.

Key points

The active screen width starts at >=576px.
Below 576px, the column .col-sm-* stacks vertically.
SM is suitable for splitting two columns on a landscape phone.
It can be combined with .col-* for extra small display.
SM is the first breakpoint after xs.

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.