bootstrap.js有什么用-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

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文件夹里面。

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

1	`<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>

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

以上就是bootstrap.js有什么用的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者