bootsrap文本

CDN加速;

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">  

引入bootstrap：

<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>

<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

副标题：

<h1>我是标题1 h1. <small>我是副标题1 h1</small></h1> 

给 段落更大、更粗的文本：

<p class="lead">这是一个强调文本的段落。</p>

文本格式：

小字;<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-info">本行内容带有一个 info class</p>

<p class="text-warning">本行内容带有一个 warning class</p>

<p class="text-danger">本行内容带有一个 danger class</p>

电话号码和地址：

<abbr title="Phone">P:</abbr> [phone]

<a href="mailto:#">[e-mail]</a>

列表;

<h4>有序列表</h4> 

<ol>

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

<li>Item 4</li>

</ol>

<h4>无序列表</h4>

<ul>

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

<li>Item 4</li>

</ul>

<h4>未定义样式列表</h4>

<ul class="list-unstyled">

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

<li>Item 4</li>

</ul>

<h4>内联列表</h4>

<ul class="list-inline">

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

<li>Item 4</li>

</ul>

<h4>定义列表</h4>

<dl>

<dt>Description 1</dt>

<dd>Item 1</dd>

<dt>Description 2</dt>

<dd>Item 2</dd>

</dl>

<h4>水平的定义列表</h4>

<dl class="dl-horizontal">

<dt>Description 1</dt>

<dd>Item 1</dd>

<dt>Description 2</dt>

<dd>Item 2</dd>

</dl>

列表放在同一行：

<ul class="list-inline">

<li>Coffee</li>

<li>Tea</li>

<li>Milk</li>

列表： Coffee

- black hot drink

Milk

- white cold drink

<dl class="dl-horizontal">

<dt>Coffee</dt>

<dd>- black hot drink</dd>

<dt>Milk</dt>

<dd>- white cold drink</dd>

超出屏幕;

<p class="text-justify">对齐文本。该段落会根据屏幕的大小对超出屏幕的文字进行换行</p>      

<p class="text-nowrap">该段落不会根据屏幕的大小对超出屏幕的文字进行换行。</p>

文本滚动;

<pre class="pre-scrollable">

内容可滚动

Text in a pre element

is displayed in a fixed-width

font, and it preserves

both      spaces and

line breaks.

Text in a pre element

is displayed in a fixed-width

font, and it preserves

both      spaces and

line breaks.

</pre>