Open In App

What are the Default Column Classes in Bootstrap 5 ?

Bootstrap 5 offers default column classes for creating responsive grid layouts. These classes, ranging from col- for extra small devices to col-xl- for extra-large desktops, ensure that content adapts seamlessly across various screen sizes.

Syntax:

<!-- Extra small devices (phones) -->
<div class="col-">

<!-- Small devices (tablets) -->
<div class="col-sm-">

<!-- Medium devices (desktops) -->
<div class="col-md-">

<!-- Large devices (large desktops) -->
<div class="col-lg-">

<!-- Extra large devices (extra-large desktops) -->
<div class="col-xl-">

Key Features:

Article Tags :