第五篇Bootstrap 排版，第五篇bootstrap

第五篇Bootstrap 排版，第五篇bootstrap

使用bootstrap的排版特性可以建立標題，段落，列表及其它內嵌元素。

標題：bootstrap中定義了從h1-h6的六種標題樣式。

內聯子標題：

如果需要向任意一個標題添加一個子標題，只需要加上<small></small>例如：

<h1>我是標題1 h1. <small>我是副標題1 h1</small></h1>

<h2>我是標題2 h2. <small>我是副標題2 h2</small></h2>

<h3>我是標題3 h3. <small>我是副標題3 h3</small></h3>

<h4>我是標題4 h4. <small>我是副標題4 h4</small></h4>

<h5>我是標題5 h5. <small>我是副標題5 h5</small></h5>

<h6>我是標題6 h6. <small>我是副標題6 h6</small></h6>

顯示效果如下所示：

HTML 的預設強調標籤 <small>（設定文本為父文字大小的 85%）、<strong>（設定文本為更粗的文本）、<em>（設定文本為斜體）。

<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-success">本行內容帶有一個 success class</p> <p class="text-info">本行內容帶有一個 info class</p> <p class="text-warning">本行內容帶有一個 warning class</p> <p class="text-danger">本行內容帶有一個 danger class</p>

效果如下:

以上所述是小編給大家介紹的第五篇Bootstrap 排版的全部敘述，希望對大家有所協助，如果大家有任何疑問請給我留言，小編會及時回複大家的。在此也非常感謝大家對幫客之家網站的支援！