Bootstrap css和js引入,一般来说只需要引入bootstrap.min.css
、jquery.min.js
、bootstrap.min.js
这三个文件即可,其中bootstrap.min.css和bootstrap.min.js是编译压缩后的Bootstrap,基本上包含了Bootstrap几乎全部的功能,而jquery.min.js是bootstrap.min.js能够生效的必要条件。
Bootstrap css和js引入主要有两种方法:本地下载后引入、和远程路径引入。
1、本地下载引入
可以进入Bootstrap官网(https://getbootstrap.com/)或者github代码仓库bootstrap托管页面(https://github.com/twbs/bootstrap),如果以上地址被墙,国内用户也可以访问gitee仓库bootstrap托管页面(https://gitee.com/mirrors/bootstrap),当然为了方便本站也会直接贴上bootstrap3的下载地址(bootstrap3下载),通过以上任意途径下载后引入,另外jquery.min.js不包含在Bootstrap中,需要另外下载。
<link href="/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"> <script src="/jquery/1.9.0/jquery.min.js"></script> <script src="/bootstrap/3.4.1/js/bootstrap.min.js"></script>
2、远程路径引入
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
或者
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css"> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
远程路径引入的好处就是不用下载,直接贴上别人家或者公用的地址的引入地址就可以。
注意:jquery.min.js
务必在bootstrap.min.js
之前引入!
猜你喜欢 让心平静最简单方法 让内心宁静的四种方法 微粒贷申请多久到账 微粒贷申请需要多长时间到账 怎么判断是不是肌肉腿 怎样判断是否是肌肉腿 重庆社保缴费单位和个人分别缴多少 重庆社保缴费单位和个人分别缴多少钱 威海赏桃花好去处推荐 威海桃花岛景区介绍 2022芜湖大白鲸海洋公园第五届梦幻泡泡夏凉节游玩攻略 肉炒韭菜豆芽如何做 家常菜肉炒韭菜豆做法 为什么香肠吃起来有点酸 为什么香肠吃起来有点酸呢 2011最新《新天生一对》720p.BD国语中字