jmona789 jmona789 - 1 year ago 126
CSS Question

Bootstrap slider is not visable

I am trying to use this bootstrap slider on a site I'm developing and its not displaying at all:
I created a plunker here to demonstrate the issue: Anyone know how to fix this?


<link rel="stylesheet" href="style.css">

<h1>Hello Plunker!</h1>
<input id="ex1" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="14"/>
<script type="text/javascript" src=""></script>
<script src="script.js"></script>


#ex1Slider .slider-selection {
background: #BABABA;


var slider = new Slider('#ex1', {
formatter: function(value) {
return 'Current value: ' + value;

Answer Source

You also need the stylesheet that comes with the package. Add this to your head tag:

<link rel="stylesheet" href="" />
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download