JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://twitlabs.net/bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://twitlabs.net/bootstrap/css/bootstrap.min.css">
<div id="slider"></div>
CSS
#slider {
width: 500px;
margin: auto;
margin-top: 40px;
}
JavaScript
$("#slider").slider({ value: 15 });
$("#slider .ui-slider-handle:first").tooltip( {title: $("#slider").slider("value"), trigger: "manual"} ).tooltip("show");