Skip to content

Commit

Permalink
Docs: Add Callout to Stacks Helper page about limited flexbox gap sup…
Browse files Browse the repository at this point in the history
…port (#34910)

* Docs: Add Callout to Stacks Helper page about limited flexbox gap support

Fixes: #34737

* Update stacks.md

* Delete callout-warning-flexbox-gap.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
  • Loading branch information
coliff and XhmikosR committed Sep 6, 2021
1 parent 60b88dd commit 6411799
Showing 1 changed file with 4 additions and 0 deletions.
4 changes: 4 additions & 0 deletions site/content/docs/5.1/helpers/stacks.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,10 @@ toc: true

Stacks offer a shortcut for applying a number of flexbox properties to quickly and easily create layouts in Bootstrap. All credit for the concept and implementation goes to the open source [Pylon project](https://almonk.github.io/pylon/).

{{< callout warning >}}
Heads up! Support for gap utilities with flexbox was recently added to Safari, so consider verifying your intended browser support. Grid layout should have no issues. [Read more](https://caniuse.com/flexbox-gap).
{{< /callout >}}

## Vertical

Use `.vstack` to create vertical layouts. Stacked items are full-width by default. Use `.gap-*` utilities to add space between items.
Expand Down

0 comments on commit 6411799

Please sign in to comment.