diff options
| author | Mark Otto <[email protected]> | 2017-03-26 12:38:13 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-03-26 13:23:49 -0700 |
| commit | 1d481519750d3ad5018206408bd583d94a11b54d (patch) | |
| tree | ae4517e19ad83686d3a11d8e7f0657e7d455e64a /docs/layout | |
| parent | 9010978c1a1b397a9622e9e9aafeab8de8951a04 (diff) | |
| download | bootstrap-1d481519750d3ad5018206408bd583d94a11b54d.tar.xz bootstrap-1d481519750d3ad5018206408bd583d94a11b54d.zip | |
git that a link too for now
Diffstat (limited to 'docs/layout')
| -rw-r--r-- | docs/layout/grid.md | 2 |
1 files changed, 2 insertions, 0 deletions
diff --git a/docs/layout/grid.md b/docs/layout/grid.md index 2eb704550..01fbfe493 100644 --- a/docs/layout/grid.md +++ b/docs/layout/grid.md @@ -164,6 +164,8 @@ For example, here are two grid layouts that apply to every device and viewport, Equal-width columns can be broken into multiple lines, but there is a [Safari flexbox bug](https://github.com/philipwalton/flexbugs#11-min-and-max-size-declarations-are-ignored-when-wrapping-flex-items) that prevents this from working without an explicit `flex-basis` or `border`. Our example works thanks to the `border` being set; you can do the same with `.col { border: 1px solid transparent; }`. Alternatively, you can set the flex-basis to the width of the column (e.g., `.col { flex: 1 0 50%; }`). +Both these fixes have been documented in a [reduced test case outside Bootstrap](https://output.jsbin.com/micohor). + <div class="bd-example-row"> {% example html %} <div class="container"> |