Default Grid System

Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases.

Learn more: https://getbootstrap.com/docs/5.0/layout/grid/


1
1
1
1
1
1
1
1
1
1
1
1

4
4
4

4
8

6
6

12

Column Push and Pull

Use col-{breakpoint}-push-* or col-{breakpoint}-pull-* classes to push or pull the elements in grid system. The col-{breakpoint}-push-* classes also shift the other elements to the right.
* breakpoints: sm, md, lg, xl, xxl

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus urna commodo est dictum, sit amet pharetra libero aliquet.