BootStrap对应jQuery版本安装
1、打开WebStorm开发工具，新建‘test.html’，在同级目录创建文件夹如下图，简单说明一下css文件夹是放css文件的，js文件夹是放js文件的，fonts是放字体文件的，images文件夹是放图片文件的
2、打开Bootstrap官网，在Bootstrap中文文档的起步--基本模板，看到示例代码如下图，注意jQuery要在Bootstrap之前引入。
3、接下来下载对应版本到js文件夹,可以在浏览器打开然后复制全部，再自行新建
jquery.min.js文件，粘贴过去。这里的jQuery是版本很低的，但是按照文档来吧。
4、在示例代码查看css文件的引入，这里除了bootstrap.min.css还有两个js是为了兼容ie8,让ie8识别html5标签
5、下载对应的css文件到css和js文件夹如下图
6、示例代码并没有引入fonts文件，下载官网的bootstrap文件，解压后有个fonts文件夹，把里面的字体文件放到我们的fonts文件夹就行了。
7、在test.html写代码如下;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
<!--[if lt IE 9]>
<script src="js/html5shiv.min.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<h1>你好，世界！</h1>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="js/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="js/bootstrap.min.js"></script>
<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
</body>
</html>
8、打开网页，效果如下图。字体图也显示出来了
声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。
阅读量：193
阅读量：186
阅读量：78
阅读量：103
阅读量：147