标题

h1 一级标题

h2 二级标题

h3 三级标题

h4 四级标题

h5 五级标题
h6 六级标题

我是一级标题的 small 标签内联子标题

我是一级标题的 .small 类内联子标题

二级标题

我是标题下的 .lead 类引导主体副本，段落的强调副本

强调标签

small 小号文本
strong 强调文本
b 粗体强调文本
em 斜体
i 斜体
mark 文本高亮
del 删除线
s 删除线
ins 插入文本
u 下划线

强调文本类

.text-muted 提示，浅灰色

.text-primary 主要，蓝色

.text-success 成功，浅绿色

.text-info 信息，浅蓝色

.text-warning 警告，黄色

.text-danger 错误，褐色

文本对齐类

.text-left 文本左对齐

.text-center 文本居中

.text-right 文本右对齐

.text-justify 文本两端对齐

.text-nowrap

有序列表、无序列表、嵌套列表

有序列表 ol

  1. One
  2. Two
  3. Three
  4. Four

无序列表 ul

有序嵌套列表 ol ul

  1. HTML
  2. CSS
  3. JavaScript
  4. PHP
    • Laravel
    • Yii
    • ThinkPHP
    • CI

去点列表 .list-unstyled

  1. 有序项目列表一
  2. 有序项目列表二
    1. 有序二级项目列表一
    2. 有序二级项目列表二
      • 无序三级项目列表一
      • 无序三级项目列表二
        • 无序四级项目列表一
        • 无序四级项目列表二
      • 无序三级项目列表三
    3. 有序二级项目列表三
  3. 有序项目列表三

内联列表 .list-inline

城市：

定义列表 dl

北京
北京市中国的首都，是政治文化集中地
上海
上海号称东方的巴黎

水平定义列表 .dl-horizontal

标题一：
描述内容
标题二：
描述内容

代码

code风格：单行内联代码

Bootstrap的代码风格有三种：<code>、<pre>和<kbd>

pre风格：多行块代码

<ul>
<li>…</li>
<li>…</li>
<li>…</li>
</ul>

kbd风格：用户输入代码

请输入ctrl+c来复制代码，然后使用ctrl+v来粘贴代码

超长代码块出现滚动条 .pre-scrollable

高度超出340px，就会在Y轴出现滚动条 
        
    
            
  1. ….
    2. 
            
  2. ….
    3. 
            
  3. ….
    4. 
            
  4. ….
    5. 
            
  5. ….
    6. 
            
  6. ….
    7. 
            
  7. ….
    8. 
            
  8. ….
    9. 
            
  9. ….
    10. 
            
  10. ….
    11. 
            
  11. ….
    12. 
            
  12. ….
    13. 
            
  13. ….
    14. 
            
  14. ….
    15.

改变大小写类

.text-lowercase：MY NAME IS HANMEIMEI

.text-uppercase：my name is hanmeimei

.text-capitalize：my name is hanmeimei