Bootstrap Grids or Columns Section

Bootstrap's grid provides 12 columns across the page

Types of Grid Classes

There are 4 types of Grid Classes

• .col:- (extra small devices - screen width less than 576px)
• .col-sm :- (small devices - screen width equal to or greater than 576px)
• .col-md :- (medium devices - screen width equal to or greater than 768px)
• .col-lg :- (large devices - screen width equal to or greater than 992px)
• .col-xl :- (xlarge devices - screen width equal to or greater than 1200px)

Note:-It set the same widths for sm & md, you only need to specify sm.

Basic Structure of a Bootstrap Grid System

Syntax:-

Three Equal Columns Example

Example:-

Responsive Columns Example

Example:-

Two Unequal Responsive Columns

Example:-