What is the Bootstrap Grid System?

Bootstrap grid is a powerful system for building mobile-first layouts. It's a very extensive tool with a great number of options.

How to use Grid in Bootstrap 5?

Here are the resources that we have prepared to help you work with this component:

1. Read 📄 Grid tutorial & documentation <-- start here
2. In to get the most out of your project, you should also get acquainted with other Layout options related to the Grid system. See the section below to find the list of them.
3. You can use predesigned Grid in 📥 Starter Bootstrap 5 templates
4. Templates are a part of 📦 Free UI Kit for Bootstrap 5
5. After finishing the project you can publish it with CLI in order to receive 💽 Free hosting (beta)

Related Layout options & features

• Breakpoints
• Containers
• Columns
• Display
• Flexbox
• Float
• Gutters
• Horizontal alignment
• Utilities for layout
• Vertical alignment
• Z-index

Learn Bootstrap 5 in 1.5H

Additional resources

Learn web development with our learning roadmap:
🎓 Start Learning

Join our mailing list & receive exclusive resources for developers
🎁 Get gifts

Join our private FB group for inspiration & community experience
👨‍👩‍👧‍👦 Ask to join

Support creation of open-source packages with a STAR on GitHub