【整理】bootstrap基础

1.Bootstrap中的js插件依赖于jQuery,因此jQuery要在Bootstrap之前引用 <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>

2.不支持IE的兼容模式，因此要加上这句：
<meta http-equiv="X-UA-Compatible" content="IE=edge"> IE 运行最新的渲染模式

3.<meta name="viewport" content="width=device-width, initial-scale=1">

我们平时使用的移动浏览器，是把页面放在一个虚拟的市口，也就是viewport中，通常这个虚拟的市口比屏幕宽，
这样就不必把每个网页挤在一个很小的市口中，但是这样会破坏没有针对移动浏览器优化的网页布局，用户可以通过
平移和缩放来看网页不同的部分，viewport可以让网页开发者来控制它的大小和缩放，这里的宽度是控制viewport
也就是市口的大小，可以指定一个值，width=device-width的意思是宽度等于设备的宽度，
initial-scale=1是设置初始缩放的比例，也就是当页面第一次载入时缩放的比例，这里设置为1，也就是不缩放。
这段代码翻译成中文的意思是：让市口的宽度等于物理设备上真实的分辨率，初始的缩放比例为1，也就是不做任何
的缩放，这样网页会因此显得更加细腻。

4.<!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询，如果不需要用可以移除 -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>：bootstrap模板为使IE6、7、8版本（IE9以下版本）浏览器兼容html5新增的标签
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>：使IE6、7、8版本浏览器兼容css3样式
        <![endif]-->

5.<h1>主标题<small>副标题</small></h1>

6.Bootstrap中，如果想让一个段落p突出显示，可以通过添加类名“.lead”实现，其作用就是增大文本字号，加粗文本，而且对行高和margin也做相应的处理。用法如下：

<p>我是普通文本，我的样子长成这样我是普通文本，我的样子长成这样我是普通文本，</p><p class="lead">我是特意要突出的文本，我的样子成这样。我是特意要突出的文本，我的样子长成这样。</p>