Bootstrap3 CSS中引用，列表，描述

• 普通引用
• 带出处的引用
• 反向引用
• 普通列表
• 编号列表
• 无样式列表
• 行内列表
• 描述
• 水平描述

 上代码

 <!-- 引用演示 -->
  <blockquote>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
  </blockquote>
  
  <blockquote>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
    <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
  </blockquote>
  
  <blockquote class="blockquote-reverse">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
    <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
  </blockquote>
  
  <!-- 无序列表 -->
  <ul>
    <li>列表</li>
    <li>列表</li>
    <li>列表</li>
    <li>列表</li>
  </ul>
  
  <!-- 编号列表 -->
  <ol>
    <li>列表</li>
    <li>列表</li>
    <li>列表</li>
    <li>列表</li>
  </ol>
  
  <!-- 无样式列表 -->
  <ul class="list-unstyled">
    <li>列表</li>
    <li>列表</li>
    <li>列表</li>
    <li>列表</li>
  </ul>
  
  <!-- 行内列表 -->
  <ul class="list-inline">
    <li>列表</li>
    <li>列表</li>
    <li>列表</li>
    <li>列表</li>
  </ul>
  
  <!-- 描述 -->
  <dl>
    <dt>标题</dt>
    <dd>内容相关文字</dd>
    <dt>标题</dt>
    <dd>内容相关文字</dd>
    <dt>标题</dt>
    <dd>内容相关文字</dd>
  </dl>
    
  <!-- 水平描述 -->
  <dl class="dl-horizontal">
    <dt>标题</dt>
    <dd>内容相关文字</dd>
    <dt>标题</dt>
    <dd>内容相关文字</dd>
    <dt>标题</dt>
    <dd>内容相关文字</dd>
  </dl>

显示

orem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in  Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in  Source Title

• 列表
• 列表
• 列表
• 列表

1. 列表
2. 列表
3. 列表
4. 列表

• 列表
• 列表
• 列表
• 列表

• 列表 
• 列表 
• 列表 
• 列表

标题

内容相关文字

标题

内容相关文字

标题

内容相关文字

标题

内容相关文字

标题

内容相关文字

标题

内容相关文字