Bootstrap-Schieberegler ist nicht sichtbar

Ich versuche, diesen Bootstrap-Schieberegler auf einer Website zu verwenden, die ich entwickle und es überhaupt nicht anzeigt: slinder Ich habe hier einen Plunder erstellt, um das Problem zu demonstrieren: Plunker Weiß jemand, wie man das beheben kann ?Bootstrap-Schieberegler ist nicht sichtbar

<html> 
    <head> 
    <link rel="stylesheet" href="style.css"> 
    </head> 

    <body> 
    <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="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.2.0/bootstrap-slider.js"></script> 
    <script src="script.js"></script> 
    </body> 
</html>

css

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

JavaScript:

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

Quelle

2016-10-11 jmona789

Sie müssen auch das Stylesheet, das mit dem Paket kommt. Fügen Sie das Ihrem Kopf hinzu:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.2.0/css/bootstrap-slider.css" />

Quelle

2016-10-11 19:13:24 Brian

Vielen Dank! Das hat es gelöst – jmona789

Ich bin froh zu helfen. :) – Brian

Bootstrap-Schieberegler ist nicht sichtbar

Antwort

Verwandte Themen