diff options
| author | Mark Otto <[email protected]> | 2014-07-07 22:10:22 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-07-07 22:10:22 -0700 |
| commit | 81b59d35368bc51d361d0352cc92fe99dc580fbf (patch) | |
| tree | 2395d5e79edaaa8c0a7ad82e99931ec895421532 /js/tests/visual/button.html | |
| parent | fed2b0f7eb78438eb1b768782b04651881d88740 (diff) | |
| parent | ddee04038f946ac103eb4e70c8eb7adeb2cf563b (diff) | |
| download | bootstrap-81b59d35368bc51d361d0352cc92fe99dc580fbf.tar.xz bootstrap-81b59d35368bc51d361d0352cc92fe99dc580fbf.zip | |
Merge branch 'master' into derp
Conflicts:
docs/_layouts/default.html
docs/assets/css/docs.min.css
docs/assets/css/src/docs.css
docs/assets/js/docs.min.js
docs/assets/js/src/application.js
Diffstat (limited to 'js/tests/visual/button.html')
| -rw-r--r-- | js/tests/visual/button.html | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/js/tests/visual/button.html b/js/tests/visual/button.html new file mode 100644 index 000000000..01c7dd4b3 --- /dev/null +++ b/js/tests/visual/button.html @@ -0,0 +1,64 @@ +<!DOCTYPE html> +<html> +<head> + <title>Button</title> + <link rel="stylesheet" type="text/css" href="../../../dist/css/bootstrap.min.css"> +</head> +<body> + +<div class="container"> + + <div class="page-header"> + <h1>Button <small>Bootstrap Visual Test</small></h1> + </div> + + <button type="button" data-loading-text="Loading for 3 seconds..." class="btn btn-primary js-loading-button"> + Loading state + </button> + + <button type="button" class="btn btn-primary" data-toggle="button">Single toggle</button> + + <div class="btn-group" data-toggle="buttons"> + <label class="btn btn-primary"> + <input type="checkbox"> checkbox 1 + </label> + <label class="btn btn-primary"> + <input type="checkbox"> checkbox 2 + </label> + <label class="btn btn-primary"> + <input type="checkbox"> checkbox 3 + </label> + </div> + + <div class="btn-group" data-toggle="buttons"> + <label class="btn btn-primary"> + <input type="radio" name="options" id="option1"> Radio 1 + </label> + <label class="btn btn-primary"> + <input type="radio" name="options" id="option2"> Radio 2 + </label> + <label class="btn btn-primary"> + <input type="radio" name="options" id="option3"> Radio 3 + </label> + </div> + +</div> + +<!-- JavaScript Includes --> +<script src="../vendor/jquery.min.js"></script> +<script src="../../transition.js"></script> +<script src="../../button.js"></script> + +<!-- JavaScript Test --> +<script> +$(function () { + $('.js-loading-button').on('click', function () { + var btn = $(this).button('loading') + setTimeout(function (){ + btn.button('reset') + }, 3000) + }) +}) +</script> +</body> +</html> |