首页前端开发其他前端知识Bootstrap.js有何用,怎样获取Bootstrap.js文件

Bootstrap.js有何用,怎样获取Bootstrap.js文件

时间2024-03-27 03:30:04发布访客分类其他前端知识浏览1330
导读:这篇文章主要给大家介绍“Bootstrap.js有何用,怎样获取Bootstrap.js文件”的相关知识,下文通过实际案例向大家展示操作过程,内容简单清晰,易于学习,有这方面学习需要的朋友可以参考,希望这篇“Bootstrap.js有何用,...
这篇文章主要给大家介绍“Bootstrap.js有何用,怎样获取Bootstrap.js文件”的相关知识,下文通过实际案例向大家展示操作过程,内容简单清晰,易于学习,有这方面学习需要的朋友可以参考,希望这篇“Bootstrap.js有何用,怎样获取Bootstrap.js文件”文章能对大家有所帮助。


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

bootstrap.js的作用

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

获取bootstrap.js文件

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

在前端页面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>
    

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


以上就是关于Bootstrap.js有何用,怎样获取Bootstrap.js文件的介绍啦,需要的朋友可以参考上述内容,希望对大家有帮助,欢迎关注网络,小编将为大家输出更多高质量的实用文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: Bootstrap.js有何用,怎样获取Bootstrap.js文件
本文地址: https://pptw.com/jishu/653950.html
垃圾回收机制是什么,Golang GC的详解 Golang 协程如何学习,内部是如何调度的

游客 回复需填写必要信息