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 之前引入!

猜你喜欢
降水50毫米有多深 降水五十毫米是多深
吃烤肉需要什么食材 吃烤肉需要哪些材料
电脑桌面图标闪烁不停怎么解决 电脑桌面图标闪烁不停怎么解决华为
佩戴本命佛的禁忌 佩戴本命佛注意事项
家常烧鲫鱼教程 如何做红烧鲫鱼呢
2020年爱情《婚前故事》HD国语中英双字

很赞哦! ()