bootstrap-slider npm引用,样式不起作用问题?

clipboard.png
下载了bootsrap,bootsrap-slider,还有jquery
`
<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<title>Title</title>
<script>
    import 'bootstrap/dist/css/bootstrap.css/bootstrap.min.css'
    import 'bootstrap-slider/src/less/bootstrap-slider.less'
    import 'jquery/dist/jquery.js/jquery.min.js'
    import 'bootstrap/dist/js/bootstrap.js/bootstrap.min.js'
    import 'bootstrap-slider/src/bootstrap-slider.js'
</script>

</head>
<body>

<input id="ex2" type="text" class="span2" value=""

   data-slider-id="RC"
   data-slider-min="-10" data-slider-max="50" data-slider-step="1"
   data-slider-step="1" data-slider-value="[-10,50]"
   data-slider-id='ex1Slider'/>

<script>

var slider = new Slider("#ex2",{tooltip: 'always'});

</script>
</body>
</html>
`
import的样式不起作用
目录结构是这样的
clipboard.png

阅读 1.9k
1 个回答

应该还需要这个把

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题