Stacks

Vertical and horizontal stack layout helpers

Bootstrap stacks are shorthand helpers for flexbox layouts. They simplify vertical and horizontal stacking of elements.

.vstack .gap-3

First item

Second item

Third item

<div>First item</div>

<div>Second item</div>

<div>Third item</div>

</div>

.vstack is shorthand for display: flex and flex-direction: column.

Use .vstack to create a vertical stack. Items are placed in a column with an optional gap between them.

37 / 37