diff options
| author | Chris Rebert <[email protected]> | 2015-01-14 21:07:26 -0800 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2015-01-14 21:07:26 -0800 |
| commit | 47ec330473977a437169d6904ff90ea553179cb1 (patch) | |
| tree | 262c6b8af6e85fbfdc0f6ad8a84cb4d62ff7c404 | |
| parent | e10dbcd02eb3cece4939092583d1cdbed207fc70 (diff) | |
| parent | 7b847052863c1fa26e6a9175b2decd778a640f9a (diff) | |
| download | bootstrap-47ec330473977a437169d6904ff90ea553179cb1.tar.xz bootstrap-47ec330473977a437169d6904ff90ea553179cb1.zip | |
Merge pull request #15560 from twbs/fix-15555
Document that .form-inline & .form-horizontal work fine on non-<form>s too
| -rw-r--r-- | docs/_includes/css/forms.html | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/docs/_includes/css/forms.html b/docs/_includes/css/forms.html index 054922703..b4d01a25d 100644 --- a/docs/_includes/css/forms.html +++ b/docs/_includes/css/forms.html @@ -56,7 +56,7 @@ <h2 id="forms-inline">Inline form</h2> - <p>Add <code>.form-inline</code> to your <code><form></code> for left-aligned and inline-block controls. <strong>This only applies to forms within viewports that are at least 768px wide.</strong></p> + <p>Add <code>.form-inline</code> to your form (which doesn't have to be a <code><form></code>) for left-aligned and inline-block controls. <strong>This only applies to forms within viewports that are at least 768px wide.</strong></p> <div class="bs-callout bs-callout-danger" id="callout-inline-form-width"> <h4>Requires custom widths</h4> <p>Inputs and selects have <code>width: 100%;</code> applied by default in Bootstrap. Within inline forms, we reset that to <code>width: auto;</code> so multiple controls can reside on the same line. Depending on your layout, additional custom widths may be required.</p> @@ -130,7 +130,7 @@ {% endhighlight %} <h2 id="forms-horizontal">Horizontal form</h2> - <p>Use Bootstrap's predefined grid classes to align labels and groups of form controls in a horizontal layout by adding <code>.form-horizontal</code> to the form. Doing so changes <code>.form-group</code>s to behave as grid rows, so no need for <code>.row</code>.</p> + <p>Use Bootstrap's predefined grid classes to align labels and groups of form controls in a horizontal layout by adding <code>.form-horizontal</code> to the form (which doesn't have to be a <code><form></code>). Doing so changes <code>.form-group</code>s to behave as grid rows, so no need for <code>.row</code>.</p> <div class="bs-example" data-example-id="simple-horizontal-form"> <form class="form-horizontal"> <div class="form-group"> |