bootstrap的学习
首先要下载
正确的构建一个网页模板
- css
- font
- images
- js
- lib ：①dist ：css，fonts，js ② jquery
- index
<!DOCTYPE html>
<html lang="zh-cn">
<html lang="zh-cn">
<head>
<!-- 1.设置 字符的编码格式-->
<meta charset="utf-8">
<!-- 2.让IE游览器渲染试图，按照edge游览器的方法 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 3.这是vieport 视口 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">-->
<!--viewport视图
快捷键 meta:vp
width=device-width 屏幕尺寸等于设备尺寸
initial-scale=1 css中的标签按设计的尺寸1：1显示
user-scalable=no
禁止缩放（不推荐所有页面使用，具体看情况）
-->
<title>项目的结构</title>
<!-- 这个引入了 bootstrap的CSS样式和字体 -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!--[if lt IE 9]>
//让ie9游览器可以正常渲染显示HTML5标签
<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
//让IE9支持响应式
<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
//让ie9游览器可以正常渲染显示HTML5标签
<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
//让IE9支持响应式
<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js">
<!-- 引入了bootstrap所有的 JS功能。需要jquery的支持 -->
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>