Bootstrap 5 GridLesson 46Free preview
BS5 Grid Large
This lesson is part of Bootstrap · All levels
Summary
The breakpoint large (lg) is active starting at 992 pixels, suitable for small laptop and desktop screens. The .col-lg-* class makes the column adjacent to this size and its container reaches a maximum width of 960 pixels. The .col-md-6 .col-lg-4 combination is often used for a layout that changes from two to three columns on a large screen.
Key points
- The active .col-lg-* starts from screen width >=992px.
- The container reaches a maximum width of 960px. (.container-lg)
- It's suitable for displaying three columns or sidebar layouts.
- It can be combined with the bottom breakpoint such as .col-md-*.
- Under 992px, the lg column is back following the breakpoint rule below.
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.