rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-21 18:54:30 +01:00
Code Issues Actions Packages Releases Activity

Docs: Add Callout to Stacks Helper page about limited flexbox gap support (#34910)

Browse Source 
* 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>
This commit is contained in:
Christian Oliff 2021-09-07 03:48:35 +09:00 committed by GitHub
parent 60b88dd3b9
commit 6411799e60
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
site/content/docs/5.1/helpers/stacks.md
View File

@ -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/). 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 ## Vertical
Use `.vstack` to create vertical layouts. Stacked items are full-width by default. Use `.gap-*` utilities to add space between items. Use `.vstack` to create vertical layouts. Stacked items are full-width by default. Use `.gap-*` utilities to add space between items.