Free Bootstrap Gutters & Layouts Collection

Gutters are the padding between your columns, used to responsively space and align content in the Bootstrap grid system.

How to use it?

1. Download MDB 5 - free UI KIT

2. Choose your favourite customized example and click show code to see the code

3. Copy & paste the code into your MDB project

---

📄 Documentation & usage guide

These components were built with a free Material Design UI Kit for the latest Bootstrap 5.

---

Horizontal gutters

---

Vertical gutters

---

Horizontal & vertical gutters

---

Row columns gutters

---

No gutters

---

For more examples visit our documentation.

---

Related Resources

Grid System

Containers

Flexbox

Breakpoints

Columns