## 排版樣式
### 頁面主體
Bootstrap 將全局 font-size 設置為 14px，line-height 行高設置為 1.428(即20px)；<p>段落元素被設置等于 1/2 行高(即 10px)；顏色被設置為#333。
> 創建包含段落突出的文本
~~~html
<p>Bootstrap框架</p>
<p class="lead">Bootstrap框架</p>
~~~
### 標題
~~~html
<h1>Bootstrap框架</h1>
<h2>Bootstrap框架</h2>
<h3>Bootstrap框架</h3>
<h4>Bootstrap框架</h4>
<h5>Bootstrap框架</h5>
<h6>Bootstrap框架</h6>
~~~
我們從 Firebug 查看元素了解到，Bootstrap 分別對 `h1 ~ h6 `進行了 CSS 樣式的重構，并且還支持普通內聯元素定義` class=(.h1 ~ h6)`來實現相同的功能。
> 內聯元素使用標題字體
~~~
<span class="h1">Bootstrap框架</span>
~~~
在 h1 ~ h6 元素之間，還可以嵌入一個 small 元素作為副標題，//在標題元素內插入 small 元素
~~~html
<h1>Bootstrap框架<small>Bootstrap框架</small></h1>
<h2>Bootstrap框架<small>Bootstrap框架</small></h2>
<h3>Bootstrap框架<small>Bootstrap框架</small></h3>
<h4>Bootstrap框架<small>Bootstrap框架</small></h4>
<h5>Bootstrap框架<small>Bootstrap框架</small></h5>
<h6>Bootstrap框架<small>Bootstrap框架</small></h6>
~~~
### 對齊
~~~html
<p class="text-left">Bootstrap框架</p>
<p class="text-center">Bootstrap框架</p>
<p class="text-right">Bootstrap框架</p>
<p class="text-justify">Bootstrap框架</p>//瀏覽器支持有問題
~~~
### 列表排版
~~~html
<ul class="list-unstyled">
<li>Bootstrap框架</li>
<li>Bootstrap框架</li>
<li>Bootstrap框架</li>
<li>Bootstrap框架</li>
</ul>
<ul class="list-inline">
<li>Bootstrap框架</li>
<li>Bootstrap框架</li>
<li>Bootstrap框架</li>
<li>Bootstrap框架</li>
</ul>
~~~
### 代碼
~~~html
For example, <code><section></code> should be wrapped as inline.
To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br>
To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>
~~~
