diff options
Diffstat (limited to 'docs/_includes/css/buttons.html')
| -rw-r--r-- | docs/_includes/css/buttons.html | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/docs/_includes/css/buttons.html b/docs/_includes/css/buttons.html index c4aee5972..78cd56487 100644 --- a/docs/_includes/css/buttons.html +++ b/docs/_includes/css/buttons.html @@ -3,7 +3,7 @@ <h2 id="buttons-tags">Button tags</h2> <p>Use the button classes on an <code><a></code>, <code><button></code>, or <code><input></code> element.</p> - <form class="bs-example"> + <form class="bs-example" data-example-id="btn-tags"> <a class="btn btn-default" href="#" role="button">Link</a> <button class="btn btn-default" type="submit">Button</button> <input class="btn btn-default" type="button" value="Input"> @@ -34,7 +34,7 @@ <h2 id="buttons-options">Options</h2> <p>Use any of the available button classes to quickly create a styled button.</p> - <div class="bs-example"> + <div class="bs-example" data-example-id="btn-variants"> <button type="button" class="btn btn-default">Default</button> <button type="button" class="btn btn-primary">Primary</button> <button type="button" class="btn btn-success">Success</button> @@ -73,7 +73,7 @@ <h2 id="buttons-sizes">Sizes</h2> <p>Fancy larger or smaller buttons? Add <code>.btn-lg</code>, <code>.btn-sm</code>, or <code>.btn-xs</code> for additional sizes.</p> - <div class="bs-example"> + <div class="bs-example" data-example-id="btn-sizes"> <p> <button type="button" class="btn btn-primary btn-lg">Large button</button> <button type="button" class="btn btn-default btn-lg">Large button</button> @@ -111,7 +111,7 @@ {% endhighlight %} <p>Create block level buttons—those that span the full width of a parent— by adding <code>.btn-block</code>.</p> - <div class="bs-example"> + <div class="bs-example" data-example-id="block-btns"> <div class="well" style="max-width: 400px; margin: 0 auto 10px;"> <button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button> <button type="button" class="btn btn-default btn-lg btn-block">Block level button</button> @@ -128,7 +128,7 @@ <h3>Button element</h3> <p>No need to add <code>:active</code> as it's a pseudo-class, but if you need to force the same appearance, go ahead and add <code>.active</code>.</p> - <p class="bs-example"> + <p class="bs-example" data-example-id="active-button-btns"> <button type="button" class="btn btn-primary btn-lg active">Primary button</button> <button type="button" class="btn btn-default btn-lg active">Button</button> </p> @@ -139,7 +139,7 @@ <h3>Anchor element</h3> <p>Add the <code>.active</code> class to <code><a></code> buttons.</p> - <p class="bs-example"> + <p class="bs-example" data-example-id="active-anchor-btns"> <a href="#" class="btn btn-primary btn-lg active" role="button">Primary link</a> <a href="#" class="btn btn-default btn-lg active" role="button">Link</a> </p> @@ -154,7 +154,7 @@ <h3>Button element</h3> <p>Add the <code>disabled</code> attribute to <code><button></code> buttons.</p> - <p class="bs-example"> + <p class="bs-example" data-example-id="disabled-button-btns"> <button type="button" class="btn btn-primary btn-lg" disabled="disabled">Primary button</button> <button type="button" class="btn btn-default btn-lg" disabled="disabled">Button</button> </p> @@ -170,7 +170,7 @@ <h3>Anchor element</h3> <p>Add the <code>.disabled</code> class to <code><a></code> buttons.</p> - <p class="bs-example"> + <p class="bs-example" data-example-id="disabled-anchor-btns"> <a href="#" class="btn btn-primary btn-lg disabled" role="button">Primary link</a> <a href="#" class="btn btn-default btn-lg disabled" role="button">Link</a> </p> |