活版印刷

Bootstrap排版的文档和示例,包括全局设置,标题,正文,列表等。

标题

所有HTML标题,<h1><h6>都可用。

标题 例子

<h1></h1>

h1. Bootstrap 标题

<h2></h2>

h2. Bootstrap 标题

<h3></h3>

h3. Bootstrap 标题

<h4></h4>

h4. Bootstrap heading

<h5></h5>

h5. Bootstrap heading

<h6></h6>

h6. Bootstrap 标题
<h1>h1. Bootstrap 标题</h1>
<h2>h2. Bootstrap 标题</h2>
<h3>h3. Bootstrap 标题</h3>
<h4>h4. Bootstrap 标题</h4>
<h5>h5. Bootstrap 标题</h5>
<h6>h6. Bootstrap 标题</h6>

.h1.h6类也可用,因为当你想匹配标题的字体样式但不能使用相关的HTML元素时。

h1. Bootstrap 标题

h2. Bootstrap 标题

h3. Bootstrap 标题

h4. Bootstrap 标题

h5. Bootstrap 标题

h6. Bootstrap 标题

<p class="h1">h1. Bootstrap 标题</p>
<p class="h2">h2. Bootstrap 标题</p>
<p class="h3">h3. Bootstrap 标题</p>
<p class="h4">h4. Bootstrap 标题</p>
<p class="h5">h5. Bootstrap 标题</p>
<p class="h6">h6. Bootstrap 标题</p>

.title, for when you want some bolder titles with a different font family.

h1. Bootstrap 标题

h2. Bootstrap 标题

h3. Bootstrap 标题

h4. Bootstrap 标题

h5. Bootstrap 标题
h6. Bootstrap 标题
<h1 class="title">h1. Bootstrap 标题</h1>
<h2 class="title">h2. Bootstrap 标题</h2>
<h3 class="title">h3. Bootstrap 标题</h3>
<h4 class="title">h4. Bootstrap 标题</h4>
<h5 class="title">h5. Bootstrap 标题</h5>
<h6 class="title">h6. Bootstrap 标题</h6>

定制标题

使用包含的实用程序类从Bootstrap 3重新创建小的辅助标题文本。

花哨的显示标题 带有淡化的辅助文本
<h3>
 花哨的显示标题
  <small class="text-muted">带有淡化的辅助文本</small>
</h3>

引用文字

用于引用文档中其他来源的内容块。 围绕任何<abbr title =“超文本标记语言”> HTML <包装<blockquote class =“blockquote”>

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

<blockquote class="blockquote">
  <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>

命名源

添加一个<footer class =“blockquote-footer”>来识别源。 在<cite>中包装源代码的名称。

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

有人在这里有名 资源
<blockquote class="blockquote">
  <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
  <footer class="blockquote-footer">有人在这里有名 <cite title="Source Title">资源</cite></footer>
</blockquote>

对准

根据需要使用文本实用程序来更改blockquote的对齐方式。

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

Someone famous in Source Title
<blockquote class="blockquote text-center">
  <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
  <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer>
</blockquote>

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

Someone famous in Source Title
<blockquote class="blockquote text-right">
  <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
  <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer>
</blockquote>