Bootstrap概述：Bootstrap发布于2011年8月，是一个基于HTML5,CSS3,JavaScript的开源框架，该框架代码简洁，视觉优美，可用于快速，简单地构架基于PC及移动端设备的Web页面需求。它的出现是为了解决前端开发任务中的协作通协作统一问题。它通过响应式布局使得它能够兼容PC端，PAD端以及手机移动端的页面访问。简而言之，Bootstrap是简单，灵活的用于搭建WEB页面的HTML,CSS,JavaScript的工具集。
Bootstrap下载及演示：http://www.bootcss.com
Bootstrap特点：
- 跨终端，跨浏览器：兼容现代浏览器。
- 响应式布局：能够支持pc端各种分辨率的显示，还支持移动端PAD,手机等屏幕的响应式布切换显示。
- 提供全面的组件：提供实用性很强的组件如：导航，标签，工具条，按钮等一系列组件，方便开发者调用。
- 内置jQuery插件：Bootstrapt提供了很多实用的Jquery插件，这些插件方便开发者实现Web中各种常见的特效。
- 支持HTML5,CSS3:HTML5语义标签和CSS3属性，都得到很好的支持。
- 支持LESS动态样式：LESS使用变量，嵌套，操作混合编码，编写更快，更灵活的CSS.
Bootstrap开发包：http://V3.bootcss.com
此外Bootstrap中提供很多图标（Glyphicons图标功能）于开发者使用，这样就不用通过美工修改图片，只要使用<span>标记就能够在页面中展示标记，这些图标实际上是用字体来实现的，所以在网页页面加载时不需要从服务器中加载图片，这样可以使复杂页面的加载时间减少。
注意：Bootstarp中的js插件依赖于jQuery,因此jQuery要在Bootstarp之前引入，且不支持IE7及更低版本浏览器。
下列为一个Bootstrap的基本模板：
<!-- HTML5的定义--><!DOCTYPE html>
<html lang="zh-CN">
<head> <!--编码类型为utf-8--> <!--Bootstrap不支持IE的兼容模式，运用下面语句是为了在IE浏览器中运行最新的渲染模式--> <!--为了初始化移动浏览显示，因为我们平时用的移动浏览器是把页面放在一个虚拟单视口即viewport中，通常这个虚拟的视口比屏幕宽，这样会破坏没有对移动浏览网页优化的网页布局，用户通过平移、缩放来看网页的不同部分，viewport可以让开发者控制网页的大小和缩放。width=device-width这部分是让页面宽度为设备页面宽度，initial-scale=1是定义缩放的比例，为1则表示不缩放，整个语句时表示，让页面宽度等于整个设备的物理分辨率，并且不进行缩放。这样让网页更加细腻，在移动设备网页设计中一般都加该语句--> <!--下列注释语句是为了让IE8浏览器支持media Query,-->
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]> <!--让IE8支持HTML5标签-->
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script> <!--让IE8支持媒体查询及media Query-->
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]--> </head>
<body>
<h1>你好，世界！</h1><!--加入Jquery和Bootstrap,使得网页对Jquery和Bootstrap插件的支持-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>