]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
Updated Safari Bug (#24350)
authorMichael Letcher <mtrletcher@hotmail.com>
Thu, 12 Oct 2017 18:22:18 +0000 (19:22 +0100)
committerXhmikosR <xhmikosr@gmail.com>
Thu, 12 Oct 2017 18:22:18 +0000 (21:22 +0300)
docs/4.0/layout/grid.md

index ca608477b4a9ce3f42f671325ea8a4e1e755d8b9..9e81dd913976840c87e1980396bb2335a30d555b 100644 (file)
@@ -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 %}