Bootstrap学习（1）

标签：

文档顶部写上H5的DOCTYPE声明

head部分：

<meta>

（1）编码方式

（2）在IE运行最新的渲染模式  <meta http-equiv="x-ua-compatible" content="IE=edge" />

（3）适配移动端：初始化移动浏览显示 <meta name="viewport" content="width=device-width,initial-scale=1">

        让网页的宽度等于设备的宽，初始缩放比例为1，即不缩放

 引入Bootstrap CSS样式

兼容IE9以下IE浏览器，添加以下代码：

<!--HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries-->
<!--WARNING: Respond.js doesn‘t work if you view the page via file://-->
<!--[if It IE 9]-->
<!--<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>-->
<!--<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>-->
<!--[endif]-->

引入jQuery和Bootstrap，放在</body>前

bootstrap模板为使IE6、7、8版本（IE9以下版本）浏览器兼容html5新增的标签，引入下面代码文件即可。

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

同理为使IE6、7、8版本浏览器兼容css3样式，引入下面代码：

<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

Bootstrap学习（1）

标签：

原文地址：http://www.cnblogs.com/wuqian00/p/5936497.html