From: Mark Otto Date: Fri, 23 Dec 2016 21:15:55 +0000 (-0800) Subject: change presentation of those utils docs X-Git-Tag: v4.0.0-alpha.6~209 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=7d47a0115864b2a5e429f52470323c79067d8c5e;p=thirdparty%2Fbootstrap.git change presentation of those utils docs --- diff --git a/docs/utilities/flexbox.md b/docs/utilities/flexbox.md index bc2a9cdb0e..935922fb90 100644 --- a/docs/utilities/flexbox.md +++ b/docs/utilities/flexbox.md @@ -113,49 +113,82 @@ Responsive variations also exist for `.flex-nowrap` and `.flex-wrap`. Use `justify-content` utilities on flexbox containers to change the alignment of flex items on the main axis (the x-axis to start, y-axis if `flex-direction: column`). Choose from `start` (browser default), `end`, `center`, `between`, or `around`. -{% example html %} -
-
Flex item
-
Flex item
-
Flex item
-
-
-
Flex item
-
Flex item
-
Flex item
-
-
-
Flex item
-
Flex item
-
Flex item
-
-
-
Flex item
-
Flex item
-
Flex item
-
-
-
Flex item
-
Flex item
-
Flex item
+
+
+
Flex item
+
Flex item
+
Flex item
+
+
+
Flex item
+
Flex item
+
Flex item
+
+
+
Flex item
+
Flex item
+
Flex item
+
+
+
Flex item
+
Flex item
+
Flex item
+
+
+
Flex item
+
Flex item
+
Flex item
+
-{% endexample %} + +{% highlight html %} +
...
+
...
+
...
+
...
+
...
+{% endhighlight %} ## Align items Use `align-items` utilities on flexbox containers to change the alignment of flex items on the cross axis (the y-axis to start, x-axis if `flex-direction: column`). Choose from `start` (browser default), `end`, `center`, `baseline`, or `stretch`. -{% example html %} -
-
Flex item
-
Flex item
-
Flex item
+
+
+
Flex item
+
Flex item
+
Flex item
+
+
+
Flex item
+
Flex item
+
Flex item
+
+
+
Flex item
+
Flex item
+
Flex item
+
+
+
Flex item
+
Flex item
+
Flex item
+
+
+
Flex item
+
Flex item
+
Flex item
+
-
-
Flex item
-
Flex item
-
Flex item
+ +{% highlight html %} +
...
+
...
+
...
+
...
+
...
+{% endhighlight %}
Flex item