Bootstrap基础（一）

1，可使用class=h1，h2.....使非标题文本显示和标题同样的样式。

2，small标签：字体在h1~h3内，其大小都设置为当前字号的65%；而在h4~h6内的字号都设置为当前字号的75%。

3，<p class="lead">：表示突出文本。普通和突出文本效果图如图：

4，<strong>：文本加粗 / <em>,<i>：使文本呈现斜体。

5，强调相关的类：  效果图：        

6，.text-left：左对齐， .text-center：居中对齐，  .text-right：右对齐， .text-justify：两端对齐。

7，.list-unstyled：无序列表去点，有序列表去序号；同时会将padding-left置0。

8，内联列表：<ul class="list-inline">就是把垂直列表换成水平列表，而且去掉项目符号（编号），保持水平显示。内联列表就是为制作水平导航而生。

9，定义列表：调整了行间距，外边距和字体加粗。      效果图：    

10，水平定义列表：（类:.dl-horizontal的作用）    效果图：屏幕>768px才会显示

11，不同风格代码：<code>：一般是针对于单个单词或单个句子的代码
                                 <pre>：一般是针对于多行代码（也就是成块的代码）
                                  <kbd>:一般是表示用户要通过键盘输入的内容

    效果图：   

12，.pre-scrollable”，可以控制代码块区域最大高度为340px，一旦超出这个高度，就会在Y轴出现滚动条。

13，表格： .table：基础表

                    .table-striped：斑马线表格

                    .table-bordered：带边框的表格

                    .table-hover：鼠标悬停高亮的表格

                    .table-condensed：紧凑型表格

                    . table-responsive：响应式表格

14，表格行的类：

15，基础表格：“.table”主要有三个作用：

                              1， 给表格设置了margin-bottom:20px以及设置单元内距

                              2，在thead底部设置了一个2px的浅灰实线

                              3. 每个单元格顶部设置了一个1px的浅灰实线

16，基础表单：表单元素使用了类名“form-control”，将会实现一些设计上的定制效果。

1、宽度变成了100%

2、设置了一个浅灰色（#ccc）的边框

3、具有4px的圆角

4、设置阴影效果，并且元素得到焦点之时，阴影和边框效果会有所变化

5、设置了placeholder的颜色为#999

  效果图：

17，水平表单：在<form>元素上使用类名“form-horizontal”效果：

18，内联表单：在<form>元素中添加类名“form-inline”效果：