JSFiddle - React, Tailwind, and code Playground

by CHAITANYA K

HTML

<link rel="stylesheet" href="http://www.eyecon.ro/bootstrap-slider/css/bootstrap.css">
<link rel="stylesheet" href="http://www.eyecon.ro/bootstrap-slider/css/slider.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<script src="http://www.eyecon.ro/bootstrap-slider/js/bootstrap-slider.js"></script>
    <input type="text" class="span2" value="" data-slider-step="5" id="s11" > 
   
   
     <br/>MIN:<input type="text" name="min_value" id="min_value" value=""><br/>
     <br/>MAX:<input type="text" name="max_value" id="max_value" value=""><br/>

CSS

.slider {
    margin: 40px 100px 10px 20px;
}

JavaScript

$(function() {
    $( "#s11" ).slider({
        range: true,
        min: 0,
        max: 5000,
        value: [ 10, 2000 ]
    });
	
 });