BootStrap -- API学习（二）

大标题:h1~h6
    <h1>Hello World</h1>
    
小标题:<small></small>
    <h1>Hello World<small>Hello World</small></h1>
    
段落:<p></p>
    <p>这就是一个段落</p>

标签强调：
    强调内容:small  strong  em  cite  class="lead"
        <p>减小<small>内容</small></p>
        <p>强调<strong>内容</strong></p>
        <p>斜体<em>内容</em></p>
        <p>斜体<cite>内容</cite></p>
        <p class="lead">变大，变粗，强调内容</p>
        
    加粗: b  strong   或者   font-seight=bold
        <p>你说<b>强调</b></p>
        
    斜体: em  i  cite
        <p>你说<em>斜体</em></p>

类强调：
    强调内容:class="text-danger" 
    .text-muted：提示，使用浅灰色（#999）
    .text-primary：主要，使用蓝色（#428bca）
    .text-success：成功，使用浅绿色(#3c763d)
    .text-info：通知信息，使用浅蓝色（#31708f）
    .text-warning：警告，使用黄色（#8a6d3b）
    .text-danger：危险，使用褐色（#a94442）
    
对其风格:
    CSS中： text-align(left  center  right  justify)
    类对齐:  text-(left  center  right  justify)
    
列表 -- 简介（有序列表   无序列表 去点列表 定义列表 内联列表  水平定义列表）
    有序列表、无序列表
    ol、ul
    
    去点列表(没有前面的标志)
    class="list-unstyle"
    
    内联列表(去点列标志、拍成一排)
    class="list-inline"
    
    定义列表
    <dl>
        <dt>标题</dt>
        <dd>内容</dd>
    </dl>
    
    水平定义列表  dl-horizontal（当屏幕大于768px的时候，会显示成水平样式；否则显示成题目上，内容下的情况）
    <dl class="dl-horizontal">
        <dt>标题一:</dt>
        <dd>描述内容</dd>
        <dt>标题二:</dt>
        <dd>描述内容</dd>
    </dl>
    
    代码: 存放代码，使代码显示出自己原有编译之后的样子
        <code></code> :显示单行代码
        <pre></pre>      :显示多行代码
        <kbd></kbd>   :显示出键盘操纵
        代码: 存放代码量过长使用 pre-scrollable 然后内容不会超过340px
        
    表格:
    table：基础表格
    table-striped：斑马线表格
    table-bordered：带边框的表格
    table-hover：鼠标悬停高亮的表格
    table-condensed：紧凑型表格
    table-responsive：响应式表格 （给表格弄一个响应式容器）<div class="table-responsive"><table class="table"></table></div>
    
    
    表格的行:
    active
    success
    info
    warning
    danger

 

    主要是为了自己以后查看方便使用的，大家勿喷！