每次看每次都觉得新鲜，用起来的时候却还是习惯性的忘记其原有的东西，自己再写出来一个自己都觉得是多余的内容。所以此次决定再捋一遍，记录每个class 和标签，具体的再不断的完善更新吧，下次再用直接查笔记，就不用去官网了。哈哈（想得美(─.─|||）

一、页面排版：

1.页面主体

  全局 font-size:14px; line-height:1.428(即20px)； color:#333;

  <p> 段落元素为 1/2 行高（即10px）;

1. 　lead　

.lead  {

          margin-bottom: 20px;

          font-size: 16px;

          font-weight: 300;

          line-height: 1.4;


　　}

@media (min-width: 768px){
　　.lead{
　　　　font-size:21px;
　　}
}

2.标题  ( 内联元素定义class=（.h1~h6）)

  <h1> //36px

  <h2> //30px

  <h3> //24px

  <h4> //18px

  <h5> //14px

  <h6> //12px

 可以嵌入 <small>元素作为副标题，h1~h3下的small, font-size:65%;(分别为23.4px ；19.5px; 15.6px) h4~h6下，font-size:75%;(分别为:13.5px;10.5px;9px;), 样式更改：color:#777;line-height:1;font-weight:400; 其余样式参考官网。

3.内联文本元素

  <mark>      // 添加标记

  <del>         // 删除文本

  <s>            // 无用本文

  <ins>         // 插入的文本

  <u>           // 下划线文本 效果同上

  <small>    // 标准字号的85%

  <strong>  // 加粗 700

  <em>       // 倾斜

4.对齐方式

  .text-left           //  居左

  .text-right        //  居右

  .text-center     //  居中

  .text-justify    //  两端对齐，支持度不佳

  .text-nowrap  //  不换行

5.英文文本大小写

  .text-lowercase     //  小写

  .text-uppercase    //  大写

  .text-capitalize    //  首字母大写

6.缩略语

   <abbr>  //  没有被复写，可添加 class=“initialism”

   .initialism

.initialism{
     font-size:90%;
     text-transform:uppercase;    
}

7.地址文本

   <address>  //  去掉倾斜，设置行高，底部20px

8.引用为本

   <blockquote>  //  border-left:5px solid #eee; font-size:17.5px; margin:0 0 20px; padding:10px 20px; 

    .blockquote-reverse      // 反向（border-right:5px solid #eee; border-left:0; padding-right:15px; padding-left:0; text-align:right;）

    blockquote.pull-right   //  反向 (效果同上)

9.列表

    .list-unstyled  //  ul 移除默认样式

    .list-inline      //  ul 设置成内联方式

    .dl-horizontal  //  dl 水平排列描述列表

10.代码

   <code>  //  内联代码 

   <kbd>  //  用户输入

   <pre>  //  代码块

   <var>  //  表示标记变量，没有复写css

   <samp>  //  代表程序输出，没有复写css

11.表格

   *基于table添加class*

    .table  //  基本的表格样式

    .table-striped   //  条纹状的表格，<tbody>产生一行隔一行加单色背景效果

    .table-bordered  //  增加边框

    .table-hover  //  <tbody>下表格悬停鼠标实现背景效果

   *在tr上添加class，设置每一行的背景样式*

    .success      //  成功或者积极的动作

    .active       //   鼠标悬停在行或者单元格上

    .success      //  成功或者积极的动作

    .success      //  成功或者积极的动作

    .success      //  成功或者积极的动作

Bootstrap 中 类别样式名称和 标签等内容（持续更新中。。。）