mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-05-15 11:59:39 +03:00
fat
91103e6d1f
faster and easier to test/develop js functionality not represented in unit tests, and gives us a playground for interactions, etc. It also makes it so developing javascript is now decoupled form jekyll, which should make everything faster and less painful. This commit also reverts my filter commit https://github.com/twbs/bootstrap/commit/9900771aa7f1b3ddcee49aec84082104776ace70 which broke scrollspy for dropdowns.
65 lines
1.6 KiB
HTML
65 lines
1.6 KiB
HTML
<!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>
|