diff options
| author | Michael Letcher <[email protected]> | 2017-10-12 19:22:18 +0100 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2017-10-12 21:22:18 +0300 |
| commit | c8ee8509cb72edd2f758398664bed8a0eeeb2dc4 (patch) | |
| tree | 422a0a1007934892fd0377ee370c0eb412918d3b /docs/4.0/layout/grid.md | |
| parent | ce1a72b2f0970b1de43ceccf210fe64f69d8ed41 (diff) | |
| download | bootstrap-c8ee8509cb72edd2f758398664bed8a0eeeb2dc4.tar.xz bootstrap-c8ee8509cb72edd2f758398664bed8a0eeeb2dc4.zip | |
Updated Safari Bug (#24350)
Diffstat (limited to 'docs/4.0/layout/grid.md')
| -rw-r--r-- | docs/4.0/layout/grid.md | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/docs/4.0/layout/grid.md b/docs/4.0/layout/grid.md index ca608477b..9e81dd913 100644 --- a/docs/4.0/layout/grid.md +++ b/docs/4.0/layout/grid.md @@ -149,9 +149,9 @@ For example, here are two grid layouts that apply to every device and viewport, {% endexample %} </div> -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%; }`). +Equal-width columns can be broken into multiple lines, but there was a [Safari flexbox bug](https://github.com/philipwalton/flexbugs#11-min-and-max-size-declarations-are-ignored-when-wrapping-flex-items) that prevented this from working without an explicit `flex-basis` or `border`. -Both these fixes have been documented in a [reduced test case outside Bootstrap](https://output.jsbin.com/micohor). +Two workarounds have been documented in a [reduced test case outside Bootstrap](https://output.jsbin.com/micohor), though if the browser is up to date this shouldn't be necessary. <div class="bd-example-row"> {% example html %} |
