Skip to main content

Grid Large in Bootstrap 5

Bootstrap Grid Large​

To define the grid behavior for large screens (lg) in Bootstrap 5, you can use the col-lg- class prefix.

As an example:

Editor

Loading...

In this example:

  • We use the col-lg- class prefix to specify the column widths for large screens (lg).
  • The column classes are set based on the screen sizes: col-6 for extra small screens, col-sm-4 for small screens, col-md-3 for medium screens, and col-lg-2 for large screens.
  • The col-12 class is used to make the third column occupy the full width on extra small screens and stack vertically.
  • The bg-primary and bg-dark classes are used to set background colors for demonstration purposes.