所有这些元素仅用于演示目的。 您可以使用普通编辑器和简码实现这些样式。
标题
所有HTML标题， <h1> 到 <h6> 都可以用。
h1. 标题 1
h2. 标题 2
h3. 标题 3
h4. 标题 4
h5. 标题 5
h6.标题 6
主体
Bootstrap的全局默认font-size 是 13px, 且 line-height 为 19px. 这适用于 <body> 和所有段落。另外， <p> （段落）会收到一半高度的底部边距（默认为10像素）。
根据《规定》，除涉及国家秘密以及法律、司法解释规定应当保密或者限制获取的审判流程信息以外，人民法院审判刑事、民事、行政、国家赔偿案件过程中产生的程序性信息、处理诉讼事项的流程信息、诉讼文书、笔录等四大类审判流程信息，均应当通过互联网向参加诉讼的当事人及其法定代理人、诉讼代理人、辩护人公开。
<p>...</p>
引导主体
通过添加使段落脱颖而出.lead.
施行后，全国各级人民法院将按照统一标准、通过统一平台公开审判流程信息。
<p class="lead">...</p>
重点
利用轻量级风格的HTML默认强调标签。
<small>
为了减少内嵌或文本块，请使用小标签。
这行文本的意思是被视为精美的印刷品。
<p> <small>这行文本的意思是被视为精美的印刷品。</small> </p>
粗体
用于强调字体重量较重的文本片段。
下面的文本片段呈现为粗体文本。
<strong>呈现为粗体文本</strong>
斜体
强调斜体文本片段。
下面的文本片段呈现为斜体文字。
<em>呈现为斜体文字</em>
抬头！ 随意使用 <b> 和 <i> 。 <b> 是为了突出显示单词或短语，而不会传达额外的重要性，而 <i> 主要是用于语音，技术术语等。
缩略语
用于缩写和首字母缩略词的HTML<abbr> 元素的程式化实现，以显示悬停时的扩展版本。 带有title属性的缩写具有光点底部边框和悬停时的帮助光标，为悬停提供了更多的上下文。
<abbr>
对于长时间悬停缩写的扩展文本，请包含title 属性。
单词属性的缩写是attr。
<abbr title="attribute">attr</abbr>
<abbr class="initialism">
将 .initialism 添加到略小的字体大小的缩写中。
HTML是自切片面包以来最好的东西。
<abbr title="超文本标记语言" class="initialism">HTML</abbr>
地址
提供最近的祖先或整个工作机构的联系信息。
<address>
通过结束所有行来保留格式<br>.
四亩地.河南郑州新郑文化路99号
邮箱first.last@gmail.com
<address> <strong>四亩地</strong><br> 795 Folsom Ave, Suite 600<br> San Francisco, CA 94107<br> <abbr title="Phone">电话:</abbr> (123) 456-7890 </address> <address> <strong>邮箱</strong><br> <a href="mailto:#">first.last@gmail.com</a> </address>
引用文字
用于引用文档中其他来源的内容块。
默认引用文字
将任何HTML作为引用包裹<blockquote> 。对于直引号，我们推荐一个 <p>.
彭清华同志任四川省委委员、常委、书记，不再担任广西壮族自治区党委书记、常委、委员职务。
<blockquote> <p>彭清华同志任四川省委委员、常委、书记，不再担任广西壮族自治区党委书记、常委、委员职务。</p> </blockquote>
引用选项
标准块引用的简单变体的样式和内容更改。
命名一个源
添加 <small> 标签以识别来源。 在 <cite>中包装源代码的名称。
鹿心社同志任广西壮族自治区党委委员、常委、书记，不再担任江西省委书记、常委、委员职务；刘奇同志任江西省委书记。
张三
<blockquote> <p>鹿心社同志任广西壮族自治区党委委员、常委、书记，不再担任江西省委书记、常委、委员职务；刘奇同志任江西省委书记。</p> <small>张三</small> </blockquote>
备用显示器
使用 .pull-right 用于浮动的右对齐块引用。
<blockquote class="pull-right"> ... </blockquote>
列表
无序
顺序明确不重要的项目清单。
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem
<ul> <li>...</li> </ul>
有序
顺序明确涉及的项目清单。
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem
<ol> <li>...</li> </ol>
无样式
没有列表样式或附加左边距的项目列表。
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem
<ul class="unstyled"> <li>...</li> </ul>
描述
术语列表及其相关描述。
- 说明列表
- 说明列表非常适合定义术语。
- Euismod
- Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
- Donec id elit non mi porta gravida at eget metus.
- Malesuada porta
- Etiam porta sem malesuada magna mollis euismod.
<dl> <dt>...</dt> <dd>...</dd> </dl>
水平描述
将<dl> 中的术语和说明并排排列。
- 描述列表
- 说明列表非常适合定义术语。
- Euismod
- Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
- Donec id elit non mi porta gravida at eget metus.
- Malesuada porta
- Etiam porta sem malesuada magna mollis euismod.
- Felis euismod semper eget lacinia
- Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
<dl class="dl-horizontal"> <dt>...</dt> <dd>...</dd> </dl>
抬头！
水平描述列表将截断太长的条款以适应左列修复text-overflow. In narrower viewports, they will change to the default stacked layout.
代码
内嵌
用 <code>包装内联代码片段。
例如，
<section> 应该被包装为内联。例如， <code><section></code> 应该被包装为内联。
基本块
对多行代码使用 <pre> 。 请务必在代码中转义任何尖括号以进行适当的渲染。
<p>示例文本在这里...</p>
<pre> <p>示例文本在这里...</p> </pre>
抬头！ 确保将 <pre> 标签内的代码尽可能靠近左侧; 它会呈现所有标签。
您可以选择添加.pre-scrollable 类，它将设置350px的最大高度并提供一个y轴滚动条。
图片
将类添加到<img> 元素以轻松设置任何项目中的图像样式。
<img src="..." class="img-rounded"> <img src="..." class="img-circle"> <img src="..." class="img-polaroid">
抬头！ 由于缺少边界半径支持，.img-rounded 和 .img-circle在IE7-8中不起作用。