diff options
| author | Chris Rebert <[email protected]> | 2014-04-03 14:45:31 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2014-04-03 14:45:31 -0700 |
| commit | 4c049e36000b2e994f75f73d976cac6805b8b44d (patch) | |
| tree | 01df73bbae986ac0df75b467402b0cff2521511d /docs/_includes | |
| parent | 9056fe0ec0d75ad43a12a0d245ae5bea9fb9ce8f (diff) | |
| parent | 2d1d5754f781f0f3fa1bc296c9e69da416043c4a (diff) | |
| download | bootstrap-4c049e36000b2e994f75f73d976cac6805b8b44d.tar.xz bootstrap-4c049e36000b2e994f75f73d976cac6805b8b44d.zip | |
Merge pull request #13260 from twbs/doc-12651
document that label.active on preselected inputs in btn-groups is manual
Diffstat (limited to 'docs/_includes')
| -rw-r--r-- | docs/_includes/js/buttons.html | 24 |
1 files changed, 16 insertions, 8 deletions
diff --git a/docs/_includes/js/buttons.html b/docs/_includes/js/buttons.html index 5af374228..154320e48 100644 --- a/docs/_includes/js/buttons.html +++ b/docs/_includes/js/buttons.html @@ -37,10 +37,14 @@ <h4>Checkbox</h4> <p>Add <code>data-toggle="buttons"</code> to a group of checkboxes for checkbox style toggling on btn-group.</p> + <div class="bs-callout bs-callout-warning"> + <h4>Pre-checked options need <code>.active</code></h4> + <p>For pre-checked options, you must add the <code>.active</code> class to the input's <code>label</code> yourself.</p> + </div> <div class="bs-example" style="padding-bottom: 24px;"> <div class="btn-group" data-toggle="buttons"> - <label class="btn btn-primary"> - <input type="checkbox"> Option 1 + <label class="btn btn-primary active"> + <input type="checkbox" checked> Option 1 (pre-checked) </label> <label class="btn btn-primary"> <input type="checkbox"> Option 2 @@ -52,8 +56,8 @@ </div><!-- /example --> {% highlight html %} <div class="btn-group" data-toggle="buttons"> - <label class="btn btn-primary"> - <input type="checkbox"> Option 1 + <label class="btn btn-primary active"> + <input type="checkbox" checked> Option 1 (pre-checked) </label> <label class="btn btn-primary"> <input type="checkbox"> Option 2 @@ -66,10 +70,14 @@ <h4>Radio</h4> <p>Add <code>data-toggle="buttons"</code> to a group of radio inputs for radio style toggling on btn-group.</p> + <div class="bs-callout bs-callout-warning"> + <h4>Preselected options need <code>.active</code></h4> + <p>For preselected options, you must add the <code>.active</code> class to the input's <code>label</code> yourself.</p> + </div> <div class="bs-example" style="padding-bottom: 24px;"> <div class="btn-group" data-toggle="buttons"> - <label class="btn btn-primary"> - <input type="radio" name="options" id="option1"> Option 1 + <label class="btn btn-primary active"> + <input type="radio" name="options" id="option1" checked> Option 1 (preselected) </label> <label class="btn btn-primary"> <input type="radio" name="options" id="option2"> Option 2 @@ -81,8 +89,8 @@ </div><!-- /example --> {% highlight html %} <div class="btn-group" data-toggle="buttons"> - <label class="btn btn-primary"> - <input type="radio" name="options" id="option1"> Option 1 + <label class="btn btn-primary active"> + <input type="radio" name="options" id="option1" checked> Option 1 (preselected) </label> <label class="btn btn-primary"> <input type="radio" name="options" id="option2"> Option 2 |