BOOTSTRAP基础学习小记（一）简介模板、全局样式-web前端
1 <!DOCTYPE html><!-- HTML5定义 -->
2 <html lang="en">
3 <head>
4 <meta charset="utf-8"><!-- 页面编码 -->
5 <meta http-equiv="X-UA-Compatible" content="IE=edge"><!-- 因为不支持IE的兼容模式，加上此句代码能够在IE浏览器中运行最新的渲染模式 -->
6 <meta name="viewport" content="width=device-width, initial-scale=1"><!-- 适配移动浏览器，初始化移动浏览显示。content=视口的宽度=物理设备的分辨率，initial-scale=1不做任何缩放 -->
7 <title>Bootstrap的HTML标准模板</title>
8 <link ootstras" rel="stylesheet"><!--Bootstrap样式文件（本地文件）-->
9 <link rel="stylesheet" hna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap"><!--Bootstrap样式文件（互联网文件位置）-->
10 <link hour-style.css" rel="stylesheet"><!--你自己的样式文件 -->
11 <!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询，如果不需要用可以移除。浏览器版本低于IE9，载入的JS文件（bootstrap不支持IE7），第一句是让IE8支持HTML5标签，第二句是IE8对媒体查询的支持 -->
12 <!--[if lt IE 9]>
13 <scipt src=hhangjiaojia/qianduanziyuan/2015-03-23/"htmaxcom/libs/html5shiv/3.7.0/html5shi"></script>
14 <scrpt src=htwhangjiaojiianduanziyuan/2015-03-23/"htaxcdnom/libs/respos/1.4.2/respondn.js"></script>
15 <![endif]-->
16 </head>
17 <body>
18 <div class="jumbotron">
19 <h1>Hello, world!</h1>
20 <p>模板内容</p>
21 <p><a href="#" >Learn more »</a></p>
22 </div>
23 <!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
24 <script src="ht.baid/jquery/1.9.0/jquery></script>
25 <!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用-->
26 <script src=maxcdnootstrapcdotstrap/3.2.0/js/bootstrap.mi"></scipt>
27 </body>
28 </html>