Bootstrap中的JS插件依赖于Jquery。因此Jquery要在Bootstrap之前引用
<!DOCTYPE html>//html5的定义
<html lang="en>
<head>
<meta charset="utf-8"> //页面uft-8编码
<meta http-equiv="X-UA-Compatible" content ="IE=edge">//bootstrap不支持IE的兼容模式,这句是为了在IE运行最新的渲染模式
<meta name="viewport" content="width=device-width, initial-scale=1">//适配移动浏览器时一般都要加上的代码。
平时使用的移动浏览器是把页面放在一个虚拟的视口, 即"viewport"中,通常这个虚拟视口比屏幕宽,这样就不用每个网页挤到一个很小的视口中,但是这样会破坏没有针对移动浏览器优化的网页布局,用户可以通过平移和缩放来看网页不同的部分;viewport可以让网页开发者控制大小和缩放
//视口的宽度等于物理设备的宽度,设置初始缩放比例, 即页面第一次载入时缩放比例,这里设置为1,不作任何的缩放
<link href="css/bootstrap.min.css" rel="stylesheet">//载入Bootstrap的CSS样式
</head>
<body>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src = "js/bootstrap.min.js"></script>
//加入jQuery和Bootstrap js插件的支持
//css文件放在head中,js文件要放到body的最下面
</body>
Bootstrap中的JS插件依赖于jQuery,因此jQuery要在Bootstrap之前引用
ie版本低于IE9引用两个js文件,让ie8及以下支持html5标签和支持媒体查询
<meta name="viewport" content="width=device-width,initial-scale=1">初始化移动浏览显示
width=device-width 宽度等于设备的宽度
initial-scale=1 初始不缩放
bootstrap必须基于jquary,所以要在引用bootstrap框架之前引入jquary
IE版本低于9
移动浏览器
IE最新渲染模式
juery必须在bootsrap之前引用,因为js都是基于juery的
在IE运行最新的渲染模式