Bootstrap 5 Containers

What are the Bootstrap Containers?

Containers are a fundamental building block of Bootstrap that contain, pad, and align your content within a given device or viewport

---

How to use Containers in Bootstrap 5?

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

1. Read 📄 Containers 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 Containers. See the section below to find the list of them.
3. You can use predesigned Layout elements 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
• Grid system
• 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