Bootstrapgrid Theadmin includes a powerful mobile-first grid system for building layouts of all shapes and sizes.

You have a bunch of classes that can apply to .rowand modify its behavior. We use following grid example throughout this section.

---

.no-gutters

Remove the gap between columns, same as .no-gutters.

---

.gap-{size}

By default, Bootstrap grid has 30px gap between each column. You can modify this size using .gap-{size}class. Available sizes are: 1(8px), 2(16px), 3(30px), 4(48px), 5(64px).

Following example has .gap-2class.

---

.gap-y

By default, Bootstrap grid does not have any vertical gap. You can add 30px vertical gap by adding .gap-yto your .row. This class properly works with .gap-{size}classes.

Following example has .gap-yand .gap-2classes.