diff --git a/docs/_includes/css/forms.html b/docs/_includes/css/forms.html index 02deb7d671..08b3e77ae3 100644 --- a/docs/_includes/css/forms.html +++ b/docs/_includes/css/forms.html @@ -49,17 +49,17 @@ {% endhighlight %} -
Do not mix form groups directly with input groups. Instead, nest the input group inside of the form group.
-Do not mix form groups directly with input groups. Instead, nest the input group inside of the form group.
+Add .form-inline
to your <form>
for left-aligned and inline-block controls. This only applies to forms within viewports that are at least 768px wide.
Inputs, selects, and textareas are 100% wide by default in Bootstrap. To use the inline form, you'll have to set a width on the form controls used within.
+Inputs and selects have width: 100%;
applied by default in Bootstrap. Within inline forms, we reset that to width: auto;
so multiple controls can reside on the same line. Depending on your layout, additional custom widths may be required.