부트 스트랩 슬라이더가 보이지 않습니다.

개발중인 사이트에서이 부트 스트랩 슬라이더를 사용하려고하는데 전혀 표시되지 않습니다. slinder 문제를 설명하기 위해 여기에 플 런커를 만들었습니다. 누구든지이 문제를 해결하는 방법을 알고 있습니까? ?부트 스트랩 슬라이더가 보이지 않습니다.

<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; 
}

자바 스크립트 :

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

출처

2016-10-11 jmona789

또한 패키지와 함께 제공되는 스타일 시트가 필요합니다. 헤드 태그에 다음을 추가하십시오.

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

출처

2016-10-11 19:13:24 Brian

고마워요! 그것으로 해결했습니다 – jmona789

도와 줘서 다행입니다. :) – Brian

부트 스트랩 슬라이더가 보이지 않습니다.

답변

관련 문제