## 排版樣式 ### 頁面主體 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>&lt;section&gt;</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> ~~~