---

Search posts under Bootstrap:

---

Bootstrap > Grids

Grids

In this way, we shall create rows and columns that is stacked into rows automatically in smaller screen. To do this, we use below Bootstrap classes (n stands for number from 1 to 12)

• col-lg-n - lg stands for large screen more than 1200 px (large desktop screen)
• col-md-n - md stands for medium size screen where width is between 992px to 1199px (laptop or small desktop screen)
• col-sm-n - sm  stands for small screen where the width is between 768px to 991px (tablet screen)
• col-xs-n - xs stands for extra small screen where the width is between 0px tp 767px (phones screen)

We use above classes and its variant based on the design layout we want to create.

Read posts under Bootstrap > Grids

1. Center align text in 5 columns layouts
2. Responsive layout