Bootstrap学习-环境安装

时间:2021-11-08 15:40:15

1、<meta http-equiv="X-UA-Compatible" content="IE=edge">

让IE运行最新的渲染模式。

2、<meta name="viewport" content="width=device-width, initial-scale=1">

初始化移动浏览显示。

width=device-width:让宽度等于设备宽度。

initial-scale=1:设置初始缩放比例为1,即不缩放。

3、<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

(1)<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>

IE版本低于IE9,使浏览器支持HTML5标签。

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

对CSS3支持。

4、<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>

引入jQuery,Bootstrap不自带jQuery。

5、<link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">

引入基础CSS样式。

6、<script src="/bootstrap/js/bootstrap.min.js"></script>

引入基础JS插件。