Search results
Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes.
CSS Grid · Bootstrap v5.1. Learn how to enable, use, and customize our alternate layout system built on CSS Grid with examples and code snippets. Bootstrap’s default grid system represents the culmination of over a decade of CSS layout techniques, tried and tested by millions of people.
Learn how to use Bootstrap's grid system to create responsive and flexible layouts with up to 12 columns across the page. See examples, rules, classes, and options for different devices and screen sizes.
Grid system. Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, six default responsive tiers, Sass variables and mixins, and dozens of predefined classes. On this page.
Responsive grid built with the latest Bootstrap 5. Grid is a system for building mobile-first layouts with flexbox containers, rows & columns.
Bootstrap 4 Grid System. Bootstrap's grid system allows up to 12 columns across the page. If you do not want to use all 12 column individually, you can group the columns together to create wider columns:
Responsive CSS Grid built with Bootstrap 5. Create flexible, intuitive layouts and enhance your web design with user-friendly, responsive grid systems.