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.3/layout/grid/


1

1

1

1

1

1

1

1

1

1

1

1

3

3

3

3

4

4

4

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.