1、下载相关生产环境文件
- 分别到：
http://v3.bootcss.com/getting-started/#download
http://jquery.com/download/
下载最新的Bootstrap、jQuery生产环境文件，因为Bootstrap.js依赖于jQuery.js。
- 如果觉得麻烦也可以直接到我的CSDN文件下载：
http://download.csdn.net/download/qq_36113598/10048235
- 下载完以后应该包括以下文件：
2、在< head>< /head>中引入Bootstrap.css并定义相应的meta信息：
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Bootstrap Theme</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>- 其中< meta name = “viewport” content =”XXX “>有以下几个参数可以填写：
- width=device-width , 设置页面为自适应
initial-scale = 1.0 , 确保页面1：1呈现
shrink-to-fit = no , 解决IOS9的一些BUG
还可以设置：maximum-scale = 1.0 , user-scalable = no 禁止页面缩放，使WEBapp看起来更像原生应用。
3、在body中引入jQuery和Bootstrap.js，一般在body尾引入，方便阅读：
<!-- Bootstrap core JavaScript -->
<script src="jquery/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>完成上面三步以后，一个完整的Bootstrap环境就搭建好啦，开始设计自己的响应式网站吧！
扫一扫
2255
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
