diff options
| author | Christian Oliff <[email protected]> | 2021-09-07 03:48:35 +0900 |
|---|---|---|
| committer | GitHub <[email protected]> | 2021-09-06 21:48:35 +0300 |
| commit | 6411799e60ed6baa9f47f145c2fe902cc5f5f445 (patch) | |
| tree | 859fbdec66de2e4f27b3a003f9d8168131a6595c | |
| parent | 60b88dd3b9d4c9b7b7b0a0c4ec59e4ca29e3c060 (diff) | |
| download | bootstrap-6411799e60ed6baa9f47f145c2fe902cc5f5f445.tar.xz bootstrap-6411799e60ed6baa9f47f145c2fe902cc5f5f445.zip | |
Docs: Add Callout to Stacks Helper page about limited flexbox gap support (#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 <[email protected]>
| -rw-r--r-- | site/content/docs/5.1/helpers/stacks.md | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/site/content/docs/5.1/helpers/stacks.md b/site/content/docs/5.1/helpers/stacks.md index c1316c3ad..20ca86aa0 100644 --- a/site/content/docs/5.1/helpers/stacks.md +++ b/site/content/docs/5.1/helpers/stacks.md @@ -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. |