标题
- <h1>h1. Bootstrap heading</h1>
- <h2>h2. Bootstrap heading</h2>
- <h3>h3. Bootstrap heading</h3>
- <h4>h4. Bootstrap heading</h4>
- <h5>h5. Bootstrap heading</h5>
- <h6>h6. Bootstrap heading</h6>
副标题
- <small></small>
- # 或者
- .small
正文
突出段落
- .lead
- # 可以这样用
- <p class="lead">...</p>
标记文本
- <mark>
- # 可以这样用:
- You can use the mark tag to <mark>highlight</mark> text.
标记删除
- <del>
- # 可以这样用:
- <del>This line of text is meant to be treated as deleted text.</del>
- <s>
- # 可以这样用:
- <s>This line of text is meant to be treated as no longer accurate.</s>
标记插入
- <ins>
- # 可以这样用:
- <ins>This line of text is meant to be treated as an addition to the document.</ins>
下划文本
- <u>
- # 可以这样用:
- <u>This line of text will render as underlined</u>
弱化文本
- <small></small>
# 或者
.small
强化文本
- <strong>rendered as bold text</strong>
倾斜文本
- <em>rendered as italicized text</em>
对齐
- <p class="text-left">Left aligned text.</p>
- <p class="text-center">Center aligned text.</p>
- <p class="text-right">Right aligned text.</p>
- <p class="text-justify">Justified text.</p>
- <p class="text-nowrap">No wrap text.</p>
改变大小写
- <p class="text-lowercase">Lowercased text.</p>
- <p class="text-uppercase">Uppercased text.</p>
- <p class="text-capitalize">Capitalized text.</p>
引用
- <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-reverse
代码
内联
- For example, <code><section></code> should be wrapped as inline.
键盘
- To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br>
- To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>
基本块
- <pre><p>Sample text here...</p></pre>
滚动条
- .pre-scrollable
变量
- <var>y</var> = <var>m</var><var>x</var> + <var>b</var>
样板
- <samp>This text is meant to be treated as sample output from a computer program.</samp>
属性颜色
- <p class="text-muted">...</p>
- <p class="text-primary">...</p>
- <p class="text-success">...</p>
- <p class="text-info">...</p>
- <p class="text-warning">...</p>
- <p class="text-danger">...</p>
纹理背景
- <p class="bg-primary">...</p>
- <p class="bg-success">...</p>
- <p class="bg-info">...</p>
- <p class="bg-warning">...</p>
- <p class="bg-danger">...</p>