bootstrap-slider example

by Wayne Humphrey

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
<script src="https://rawgithub.com/seiyria/bootstrap-slider/master/dist/bootstrap-slider.min.js"></script>
<link rel="stylesheet" href="https://rawgithub.com/seiyria/bootstrap-slider/master/dist/css/bootstrap-slider.min.css">
<input class="slider-sample"  
   data-slider-ticks="[250, 1000, 10000, 25000, 49000, 50000]" 
   data-slider-ticks-labels='[0,1,2,3,4,5,6,7,8,9,10]'
   />

<br/>

CSS

body {
    margin: 20px;
}

JavaScript

$(function() {
  $('.slider-sample').slider({});
})