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.