I'm having trouble getting the bootstrap-slider.js library from to function correctly. All I see are textboxes instead of the slider components. You can view an example at
I have verified that the CSS and JS files are pointing to the correct directories.
<script src="assets/js/bootstrap-slider.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/jquery-2.1.0.js"></script>
<script>
$(function(){
$('#sl1').slider({
formater: function(value) {
return 'Current value: '+value;
}
});
$('#sl2').slider({
formater: function(value) {
return 'Current value: '+value;
}
});
$('#sl3').slider({
formater: function(value) {
return 'Current value: '+value;
}
});
} );
</script>
</head>
<body>
</body>
</html>