aboutsummaryrefslogtreecommitdiff
path: root/docs/_includes/js/buttons.html
diff options
context:
space:
mode:
authorChris Rebert <[email protected]>2014-11-11 20:23:49 -0800
committerChris Rebert <[email protected]>2014-11-13 12:16:03 -0800
commitea407666ce3c5d708b4a830fb2d00bdcb0d2d53e (patch)
tree9eeca9971c60a66573b318299e47a933fa0a6886 /docs/_includes/js/buttons.html
parent5660be42faef7fecdd9121e052265da55202ae3c (diff)
downloadbootstrap-ea407666ce3c5d708b4a830fb2d00bdcb0d2d53e.tar.xz
bootstrap-ea407666ce3c5d708b4a830fb2d00bdcb0d2d53e.zip
give all docs callouts IDs
[skip sauce]
Diffstat (limited to 'docs/_includes/js/buttons.html')
-rw-r--r--docs/_includes/js/buttons.html10
1 files changed, 5 insertions, 5 deletions
diff --git a/docs/_includes/js/buttons.html b/docs/_includes/js/buttons.html
index 5303a91ac..44588b5b3 100644
--- a/docs/_includes/js/buttons.html
+++ b/docs/_includes/js/buttons.html
@@ -3,14 +3,14 @@
<p class="lead">Do more with buttons. Control button states or create groups of buttons for more components like toolbars.</p>
- <div class="bs-callout bs-callout-danger">
+ <div class="bs-callout bs-callout-danger" id="callout-buttons-ff-autocomplete">
<h4>Cross-browser compatibility</h4>
<p><a href="https://github.com/twbs/bootstrap/issues/793">Firefox persists form control states (disabledness and checkedness) across page loads</a>. A workaround for this is to use <code>autocomplete="off"</code>. See <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=654072">Mozilla bug #654072</a>.</p>
</div>
<h2 id="buttons-stateful">Stateful</h2>
<p>Add <code>data-loading-text="Loading..."</code> to use a loading state on a button.</p>
- <div class="bs-callout bs-callout-info">
+ <div class="bs-callout bs-callout-info" id="callout-buttons-state-names">
<h4>Use whichever state you like!</h4>
<p>For the sake of this demonstration, we are using <code>data-loading-text</code> and <code>$().button('loading')</code>, but that's not the only state you can use. <a href="#buttons-methods">See more on this below in the <code>$().button(string)</code> documentation</a>.</p>
</div>
@@ -35,7 +35,7 @@
<h2 id="buttons-single-toggle">Single toggle</h2>
<p>Add <code>data-toggle="button"</code> to activate toggling on a single button.</p>
- <div class="bs-callout bs-callout-warning">
+ <div class="bs-callout bs-callout-warning" id="callout-buttons-single-pretoggled">
<h4>Pre-toggled buttons need <code>.active</code> and <code>aria-pressed="true"</code></h4>
<p>For pre-toggled buttons, you must add the <code>.active</code> class and the <code>aria-pressed="true"</code> attribute to the <code>button</code> yourself.</p>
</div>
@@ -52,11 +52,11 @@
<h2 id="buttons-checkbox-radio">Checkbox / Radio</h2>
<p>Add <code>data-toggle="buttons"</code> to a <code>.btn-group</code> containing checkbox or radio inputs to enable toggling in their respective styles.</p>
- <div class="bs-callout bs-callout-warning">
+ <div class="bs-callout bs-callout-warning" id="callout-buttons-multi-preselected">
<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-callout bs-callout-warning">
+ <div class="bs-callout bs-callout-warning" id="callout-buttons-only-click">
<h4>Visual checked state only updated on click</h4>
<p>If the checked state of a checkbox button is updated without firing a <code>click</code> event on the button (e.g. via <code>&lt;input type="reset"&gt;</code> or via setting the <code>checked</code> property of the input), you will need to toggle the <code>.active</code> class on the input's <code>label</code> yourself.</p>
</div>