Free Bootstrap Spacing & Utilities Collection

MDB includes a wide range of shorthand responsive margin and padding utility classes to modify an element’s appearance.

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.

---

Basic example

---

Horizontal centering

---

Gap

---

Extra scale for the bottom margin

---

For more examples visit our documentation.

---

Related Resources

Borders

Overflow

Position

Sizing

Text