What is the use of row class in Bootstrap 5?
The row
class in Bootstrap5 is a fundamental component of the grid system, facilitating the creation of horizontal groups of columns. It ensures proper alignment and responsiveness of content.
Note: Always use the row
class as a parent container for columns in Bootstrap’s grid system.
Syntax:
<div class="row">
<!-- Column elements go here -->
</div>
Key Features:
- Grid Alignment: The
row
class ensures that columns within it align properly in a horizontal layout. - Equal Column Width: Columns inside a
row
share equal width, creating a harmonious grid structure. - Responsive Design: The
row
class plays a crucial role in achieving responsiveness, and adapting content layout to different screen sizes. - Nested Rows: Rows can be nested to create intricate and organized
Contact Us