mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-07-12 01:02:19 +03:00
Code Issues Packages Projects Releases Wiki Activity

added noUiSlider

Browse Source
This commit is contained in:
Fez Vrasta 2014-08-25 16:44:13 +02:00
parent c46787dd5f
commit 7834e8545e
1 changed files with 31 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
index.html
View File

@ -1004,6 +1004,25 @@
</div>
</div>
<!-- Sliders (noUiSlider)
================================================== -->
<div class="bs-docs-section">
<div class="row">
<div class="col-lg-12">
<div class="page-header">
<h1 id="slider">Sliders <span style="font-size: 50%">(with noUiSlider)</span></h1>
</div>
<div class="bs-component">
<div class="slider"></div>
<div class="slider slider-success"></div>
<div class="slider slider-material-pink"></div>
</div>
<p>Read more about <a href="http://refreshless.com/nouislider/">noUiSlider here</a>.</p>
</div>
</div>
</div>
<!-- Containers
================================================== -->
<div class="bs-docs-section">
@ -1326,5 +1345,17 @@
<script src="material/ripples.js"></script>
<script src="material/material.js"></script>
<script src="//fezvrasta.github.io/snackbarjs/dist/snackbar.min.js"></script>
<script src="http://refreshless.com/nouislider/source/jquery.nouislider.min.js"></script>
<script>
$(function() {
$(".slider").noUiSlider({
start: 40,
range: {
min: 0,
max: 100
}
});
});
</script>
</body>
</html>