diff options
Diffstat (limited to 'docs/components/buttons.md')
| -rw-r--r-- | docs/components/buttons.md | 20 |
1 files changed, 4 insertions, 16 deletions
diff --git a/docs/components/buttons.md b/docs/components/buttons.md index d97c3a4e4..cb08e40a8 100644 --- a/docs/components/buttons.md +++ b/docs/components/buttons.md @@ -26,6 +26,9 @@ Bootstrap includes six predefined button styles, each serving its own semantic p <!-- Indicates a successful or positive action --> <button type="button" class="btn btn-success">Success</button> +<!-- Contextual button for informational alert messages --> +<button type="button" class="btn btn-info">Info</button> + <!-- Indicates caution should be taken with this action --> <button type="button" class="btn btn-warning">Warning</button> @@ -57,7 +60,7 @@ When using button classes on `<a>` elements that are used to trigger in-page fun ## Outline buttons -In need of a button, but not the hefty background colors they bring? Replace the default modifier classes with the `.btn-outline-*` ones to remove all background images and colors on any button. +In need of a button, but not the hefty background colors they bring? Replace the default modifier classes with the `.btn-*-outline` ones to remove all background images and colors on any button. {% example html %} <button type="button" class="btn btn-primary-outline">Primary</button> @@ -179,18 +182,3 @@ Note that pre-checked buttons require you to manually add the `.active` class to | Method | Description | | --- | --- | | `$().button('toggle')` |Toggles push state. Gives the button the appearance that it has been activated. | -| `$().button('reset')` | Resets button state—swaps text to original text. **This method is asynchronous and returns before the resetting has actually completed.** | -| `$().button(string)` | Swaps text to any data defined text state. | - -### Custom state example - -{% highlight html %} -<button type="button" id="myStateButton" data-complete-text="finished!" class="btn btn-primary" autocomplete="off"> - ... -</button> -<script> - $('#myStateButton').on('click', function () { - $(this).button('complete') // button text will be "finished!" - }) -</script> -{% endhighlight %} |