• 技术文章 >web前端 >Bootstrap教程

    bootstrap.js有什么用

    藏色散人藏色散人2020-11-30 14:30:59原创1177

    bootstrap.js是bootstrap的所有js指令的集合,其作用就是供开发的时候进行调试用,其使用方法是找到dist文件夹里面的css和JS文件,将带有min的拷贝到你项目中对应的css和JS文件夹里面即可。

    推荐:《bootstrap教程

    bootstrap.js的作用

    bootstrap.js 这个是bootstrap的灵魂所在,是bootstrap的所有js指令的集合,你看到bootstrap里面所有的js效果,都是由这个文件控制的,这个文件也是一个未经压缩的版本,供开发的时候进行调试用

    获取bootstrap.js文件

    去bootstrap官方网站上下载源码,也可以使用相关的CND来创建,具体方法是:下载bootstrap,找到dist文件夹里面的css和JS文件,将带有min的拷贝到你项目中对应的css和JS文件夹里面。

    643224bb0b3644c29d3d3b6e1714b57.png

    在前端页面head标签里面引入css文件:

    <link rel="stylesheet" href="/css/bootstrap.min.css" >

    在页面</body>标签的前面添加引入JS代码,注意jQuery、popper、和bootstrap这三个js的顺序不能变,必须首先引入jQuery,其次是popper,最后才是bootstrap,因为他们之间有相互依赖的关系,改变了顺序会导致代码失效:

    <script src="/js/jquery-3.4.1.slim.min.js"></script>
    <script src="/js/popper.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>

    bc80cb2e78e34fe58c2b71b11275eaf.png

    带有min的文件是经过压缩后的文件,体积会比较小,加载速度更快,比如bootstrap.min.js就是经过压缩后的,而不带min的比如bootstrap.js就是没有压缩处理过,适合于需要修改其中的代码使用,差别就是压缩与否的关系。

    以上就是bootstrap.js有什么用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:bootstrap
    上一篇:bootstrap 不显示图标怎么办 下一篇:如何解决360浏览器不兼容bootstrap问题
    大前端线上培训班

    相关文章推荐

    • bootstrap如何更改nav颜色• bootstrap模态框加滚动条• 使用bootstrap框架的好处是什么• bootstrap有什么用处

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网