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" data-slider-ticks="[250, 1000, 10000, 25000, 49000, 50000]" data-slider-ticks-labels='["<250", "1K+", "10K", "25K", "50K"]' />

CSS

body {
  margin: 30px;
}

JavaScript

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