Bootstrap: Difference between revisions
adds feature template |
adds button examples |
||
| Line 22: | Line 22: | ||
By default, Bootstrap relies on [[jQuery]], and includes a bunch of plugins. If you need to turn off the first-class API, unbind all events on the namespaced 'data-api' class: $(document).off('.data-api') | By default, Bootstrap relies on [[jQuery]], and includes a bunch of plugins. If you need to turn off the first-class API, unbind all events on the namespaced 'data-api' class: $(document).off('.data-api') | ||
== Examples == | |||
=== Buttons === | |||
<html> | |||
<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"> | |||
<input class="btn btn-default" type="submit" value="Submit"> | |||
<hr> | |||
<!-- Standard button --> | |||
<button type="button" class="btn btn-default">Default</button> | |||
<!-- Provides extra visual weight and identifies the primary action in a set of buttons --> | |||
<button type="button" class="btn btn-primary">Primary</button> | |||
<!-- 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> | |||
<!-- Indicates a dangerous or potentially negative action --> | |||
<button type="button" class="btn btn-danger">Danger</button> | |||
<!-- Deemphasize a button by making it look like a link while maintaining button behavior --> | |||
<button type="button" class="btn btn-link">Link</button> | |||
</html> | |||
[[Category:UI]] | [[Category:UI]] | ||
[[Category:Design]] | [[Category:Design]] | ||
[[Category:Front-end]] | [[Category:Front-end]] | ||