1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-30 00:29:52 +02:00

Update forms vars

* Reorganize layout
* Add input group var
* Add legend border var
This commit is contained in:
Mark Otto
2013-07-23 23:25:46 -07:00
parent a049cdd46e
commit 9029b4c06c
3 changed files with 22 additions and 16 deletions

View File

@@ -780,27 +780,35 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
<h2 id="variables-forms">Forms</h2>
<div class="row">
<div class="col-lg-6">
<h3>Background</h3>
<h3>Inputs</h3>
<label>@input-bg</label>
<input type="text" placeholder="#fff">
<p class="help-block"><code>&lt;input&gt;</code> background color</p>
<label>@input-bg-disabled</label>
<input type="text" placeholder="@gray-lighter">
<p class="help-block"><code>&lt;input disabled&gt;</code>background color</p>
<h3>Placeholder</h3>
<label>@input-color-placeholder</label>
<input type="text" placeholder="@gray-light">
<p class="help-block">Placeholder text color</p>
</div>
<div class="col-lg-6">
<h3>Border</h3>
<label>@input-border</label>
<input type="text" placeholder="#ccc">
<p class="help-block"><code>&lt;input&gt;</code> border color</p>
<label>@input-border-radius</label>
<input type="text" placeholder="@border-radius-base">
<p class="help-block"><code>&lt;input&gt;</code>border radius</p>
<p class="help-block"><code>&lt;input&gt;</code> border radius</p>
<label>@input-bg-disabled</label>
<input type="text" placeholder="@gray-lighter">
<p class="help-block"><code>&lt;input disabled&gt;</code> background color</p>
</div>
<div class="col-lg-6">
<h3>Placeholder</h3>
<label>@input-color-placeholder</label>
<input type="text" placeholder="@gray-light">
<p class="help-block">Placeholder text color</p>
<h3>Legend</h3>
<label>@legend-border-color</label>
<input type="text" placeholder="#e5e5e5">
<p class="help-block"><code>&lt;legend&gt;</code> border color</p>
<h3>Input groups</h3>
<label>@input-group-addon-border-color</label>
<input type="text" placeholder="@input-border">
<p class="help-block">Border color for textual input addons</p>
</div>
</div>