Bootstrap學習1

一、標題樣式：

例： <h1> 內容<small>副標題</small><h1>

二、正文樣式：

強調內容：

<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>

三、列表：

去點無序列表：

<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>