Bootstrap之排版（强调文本，缩写，地址，引用，列表）

Bootstrap之排版（强调文本，缩写，地址，引用，列表）

1.Bootstrap 提供的一些用于强调文本的类

<small>本行内容是在标签内</small><br>
<strong>本行内容是在标签内</strong><br>
<em>本行内容是在标签内，并呈现为斜体</em><br>
<p class="text-left">向左对齐文本</p>
<p class="text-center">居中对齐文本</p>
<p class="text-right">向右对齐文本</p>
<p class="text-muted">本行内容是减弱的</p>
<p class="text-primary">本行内容带有一个 primary class</p>
<p class="text-success">本行内容带有一个 success class</p>
<p class="text-info">本行内容带有一个 info class</p>
<p class="text-warning">本行内容带有一个 warning class</p>
<p class="text-danger">本行内容带有一个 danger class</p>

2.缩写

HTML 元素提供了用于缩写的标记。Bootstrap 定义 元素的样式为显示在文本底部的一条虚线边框，当鼠标悬停在上面时会显示完整的文本（只要为 < abbr> title 属性添加了文本）。为了得到一个更小字体的文本，请添加 .initialism 到 < abbr>。

3.地址（Address）

使用 < address > 标签，可以在网页上显示联系信息。由于 < address > 默认为 display:block;，需要使用 < br > 标签来为封闭的地址文本添加换行。

<address>
		  <strong>黑龙江科技大学</strong><br>
		  builder2991<br>
		  哈尔滨<br>
		  <abbr title="Phone">Phone:</abbr> 157xxxxxxxx
		</address>
		<address>
		  <strong>Full Name</strong><br>
		  <a href="mailto:#">2766529938@qq.com</a>
		</address>

4.引用（Blockquote）

可以在任意的 HTML 文本旁使用默认的 < blockquote >。其他选项包括，添加一个 < small > 标签来标识引用的来源，使用 class .pull-right 向右对齐引用。

<blockquote>
		  这是一个带有源标题的引用。
		  <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
		</blockquote>
		<blockquote class="pull-right">
		  这是一个向右对齐的引用。
		  <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
		</blockquote>

5.列表

Bootstrap 支持有序列表、无序列表和定义列表。

<h4>有序列表ol/li</h4>
<ol>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
</ol>
<h4>无序列表ul/li</h4>
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
</ul>
<h4>未定义样式列表"list-unstyled"</h4>
<ul class="list-unstyled">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
</ul>
<h4>内联列表"list-inline"</h4>
<ul class="list-inline">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
</ul>
<h4>定义列表dl/dt/dd</h4>
<dl>
  <dt>Description 1</dt>
  <dd>Item 1</dd>
  <dt>Description 2</dt>
  <dd>Item 2</dd>
</dl>
<h4>水平的定义列表"dl-horizontal"</h4>
<dl class="dl-horizontal">
  <dt>Description 1</dt>
  <dd>Item 1</dd>
  <dt>Description 2</dt>
  <dd>Item 2</dd>
</dl>

6.扩展

类	描述
.lead	使段落突出显示
.small	设定小文本 (设置为父文本的 85% 大小)
.text-justify	设定文本对齐,段落中超出屏幕部分文字自动换行
.text-nowrap	段落中超出屏幕部分不换行
.text-lowercase	设定文本小写
.text-uppercase	设定文本大写
.text-capitalize	设定单词首字母大写
.pre-scrollable	使 < pre> 元素可滚动，代码块区域最大高度为340px,一旦超出这个高度,就会在Y轴出现滚动条