Commit ca2c1e15 authored by Chris Rebert's avatar Chris Rebert

custom widths not always required for inline form fields

[skip sauce]
parent cd31bef5
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
<h2 id="forms-inline">Inline form</h2> <h2 id="forms-inline">Inline form</h2>
<p>Add <code>.form-inline</code> to your form (which doesn't have to be a <code>&lt;form&gt;</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>&lt;form&gt;</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"> <div class="bs-callout bs-callout-danger" id="callout-inline-form-width">
<h4>Requires custom widths</h4> <h4>May require 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> <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>
</div> </div>
<div class="bs-callout bs-callout-warning" id="callout-inline-form-labels"> <div class="bs-callout bs-callout-warning" id="callout-inline-form-labels">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment