From e0e1e849e6cda0d4af88a46f7e7e5a91f8b8498d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 26 May 2017 20:15:30 -0700 Subject: [PATCH] document more form layout options with grid, including some compact .gutters-sm examples --- docs/components/forms.md | 115 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 115 insertions(+) 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. -- 2.47.2