Bootstrap学习1

1、标题样式：

例： <h1> 内容<small>副标题</small><h1>

2、正文样式：

强调内容：

<p class="lead">内容</p>

粗体：

<p>内容<b>粗体</b>内容</p> 
<p>内容<strong>粗体</strong>内容</p>

斜体：

<p>内容<i>斜体</b>内容</i> 
<p>内容<em>斜体</em>内容</p>

强调相关的类：

.text-muted：提示，使用浅灰色（#999）

.text-primary：主要，使用蓝色（#428bca）

.text-success：成功，使用浅绿色(#3c763d)

.text-info：通知信息，使用浅蓝色（#31708f）

.text-warning：警告，使用黄色（#8a6d3b）

.text-danger：危险，使用褐色（#a94442）

用法：

<div class="text-muted">.text-muted 效果</div>

文本对齐：

.text-left：左对齐

.text-center：居中对齐

.text-right：右对齐

.text-justify：两端对齐

用法：

<div class="text-right">.text-muted 效果</div>

3、列表：

去点无序列表：

<ul class="list-unstyled">
     <li>不带项目符号</li>
     <li>不带项目符号</li>
</ul>

内联列表（将列表内容去掉项目符号水平显示）：

<ul class="list-inline">
    <li>W3cplus</li>
    <li>Blog</li>
    <li>CSS3</li>
    <li>jQuery</li>
    <li>PHP</li>
</ul>