From: Mark Otto Date: Sat, 27 May 2017 03:15:30 +0000 (-0700) Subject: document more form layout options with grid, including some compact .gutters-sm examples X-Git-Tag: v4.0.0-beta~147^2~30 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=e0e1e849e6cda0d4af88a46f7e7e5a91f8b8498d;p=thirdparty%2Fbootstrap.git document more form layout options with grid, including some compact .gutters-sm examples --- diff --git a/docs/components/forms.md b/docs/components/forms.md index fd87dec7a5..51d9e8f908 100644 --- a/docs/components/forms.md +++ b/docs/components/forms.md @@ -271,6 +271,121 @@ The `.form-group` class is the easiest way to add some structure to forms. Its o {% endexample %} +### Grid + +{% example html %} +
+
+
+ +
+
+ +
+
+
+{% endexample html %} + +{% example html %} +
+
+
+ +
+
+ +
+
+ +
+
+
+{% endexample html %} + +{% example html %} +
+
+
+ + +
+
+ +
+
@
+ +
+
+
+
+ +
+
+
+ +
+
+
+{% endexample %} + +{% example html %} +
+
+
+ + +
+
+ +
+
@
+ +
+
+
+
+ +
+
+
+ +
+
+
+{% endexample %} + +{% example html %} +
+
+
+ + +
+
+ +
+
@
+ +
+
+
+
+ +
+
+
+ +
+
+
+{% endexample %} + ### Inline forms Use the `.form-inline` class to display a series of labels, form controls, and buttons on a single horizontal row. Form controls within inline forms vary slightly from their default states.