Grid System
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
![](img/blog/large/blog-8.jpg)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus urna commodo est dictum, sit amet pharetra libero aliquet.