使用bootstrap的排版特性可以創(chuàng)建標(biāo)題,段落,列表及其它內(nèi)聯(lián)元素。
標(biāo)題:bootstrap中定義了從h1-h6的六種標(biāo)題樣式。
內(nèi)聯(lián)子標(biāo)題:
如果需要向任意一個(gè)標(biāo)題添加一個(gè)子標(biāo)題,只需要加上<small></small>例如:
<h1>我是標(biāo)題1 h1. <small>我是副標(biāo)題1 h1</small></h1>
<h2>我是標(biāo)題2 h2. <small>我是副標(biāo)題2 h2</small></h2>
<h3>我是標(biāo)題3 h3. <small>我是副標(biāo)題3 h3</small></h3>
<h4>我是標(biāo)題4 h4. <small>我是副標(biāo)題4 h4</small></h4>
<h5>我是標(biāo)題5 h5. <small>我是副標(biāo)題5 h5</small></h5>
<h6>我是標(biāo)題6 h6. <small>我是副標(biāo)題6 h6</small></h6>
顯示效果如下所示:
HTML 的默認(rèn)強(qiáng)調(diào)標(biāo)簽 <small>(設(shè)置文本為父文本大小的 85%)、<strong>(設(shè)置文本為更粗的文本)、<em>(設(shè)置文本為斜體)。
<small>本行內(nèi)容是在標(biāo)簽內(nèi)</small><br> <strong>本行內(nèi)容是在標(biāo)簽內(nèi)</strong><br> <em>本行內(nèi)容是在標(biāo)簽內(nèi),并呈現(xiàn)為斜體</em><br> <p class="text-left">向左對(duì)齊文本</p> <p class="text-center">居中對(duì)齊文本</p> <p class="text-right">向右對(duì)齊文本</p> <p class="text-muted">本行內(nèi)容是減弱的</p> <p class="text-primary">本行內(nèi)容帶有一個(gè) primary class</p> <p class="text-success">本行內(nèi)容帶有一個(gè) success class</p> <p class="text-info">本行內(nèi)容帶有一個(gè) info class</p> <p class="text-warning">本行內(nèi)容帶有一個(gè) warning class</p> <p class="text-danger">本行內(nèi)容帶有一個(gè) danger class</p>
效果如下:

以上所述是小編給大家介紹的第五篇Bootstrap 排版的全部敘述,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持!
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注