Bootstrap 学习 - 环境安装

Posted 2021-10-05 Mazey

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 插件。

附录：

阅读原文：https://blog.mazey.net/1919.html