From af400363d2403ef4e9597bc691b8e28a0eb389cb Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 9 Feb 2016 00:36:05 -0800 Subject: [PATCH] Update grid docs for form layouts - Add container to fix padding in mobile views - Add large and small variations - Cross link grid classes and mixins - Fix up some words --- docs/components/forms.md | 120 +++++++++++++++++++++++---------------- 1 file changed, 72 insertions(+), 48 deletions(-) diff --git a/docs/components/forms.md b/docs/components/forms.md index a7ce4062cf..63dfd46b40 100644 --- a/docs/components/forms.md +++ b/docs/components/forms.md @@ -332,65 +332,89 @@ Because of this, you may need to manually address the width and alignment of ind ### Using the Grid -For more structured form layouts, you can utilize Bootstrap's predefined grid classes (or mixins) to create horizontal forms. Add the `.row` class to form groups and use the `.col-*-*` classes to specify the width of your labels and controls. +For more structured form layouts that are also responsive, you can utilize Bootstrap's [predefined grid classes](/layout/grid/#predefined-classes) or [mixins](/layout/grid/#sass-mixins) to create horizontal forms. Add the `.row` class to form groups and use the `.col-*-*` classes to specify the width of your labels and controls. Be sure to add `.form-control-label` to your `