From: Mark Otto Date: Tue, 8 Jul 2014 03:44:43 +0000 (-0700) Subject: Fixes #14068: Update docs note for inline forms X-Git-Tag: v3.3.0~361 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=ddee04038f946ac103eb4e70c8eb7adeb2cf563b;p=thirdparty%2Fbootstrap.git Fixes #14068: Update docs note for inline forms --- 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 %} -
-

Don't mix form groups with input groups

-

Do not mix form groups directly with input groups. Instead, nest the input group inside of the form group.

-
+
+

Don't mix form groups with input groups

+

Do not mix form groups directly with input groups. Instead, nest the input group inside of the form group.

+

Inline form

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.

Requires custom widths

-

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.

Always add labels