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:
@@ -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><input></code> background color</p>
|
||||
<label>@input-bg-disabled</label>
|
||||
<input type="text" placeholder="@gray-lighter">
|
||||
<p class="help-block"><code><input disabled></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><input></code> border color</p>
|
||||
<label>@input-border-radius</label>
|
||||
<input type="text" placeholder="@border-radius-base">
|
||||
<p class="help-block"><code><input></code>border radius</p>
|
||||
<p class="help-block"><code><input></code> border radius</p>
|
||||
<label>@input-bg-disabled</label>
|
||||
<input type="text" placeholder="@gray-lighter">
|
||||
<p class="help-block"><code><input disabled></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><legend></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>
|
||||
|
||||
|
Reference in New Issue
Block a user