Bootstrap css和js引入

Bootstrap css和js引入,一般来说只需要引入bootstrap.min.cssjquery.min.jsbootstrap.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国语中字

很赞哦! ()