第五篇Bootstrap 排版
使用bootstrap的排版特性可以創(chuàng)建標題，段落，列表及其它內(nèi)聯(lián)元素。
標題：bootstrap中定義了從h1-h6的六種標題樣式。
內(nèi)聯(lián)子標題：
如果需要向任意一個標題添加一個子標題，只需要加上<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 的默認強調(diào)標簽 <small>（設(shè)置文本為父文本大小的 85%）、<strong>（設(shè)置文本為更粗的文本）、<em>（設(shè)置文本為斜體）。
<small>本行內(nèi)容是在標簽內(nèi)</small><br> <strong>本行內(nèi)容是在標簽內(nèi)</strong><br> <em>本行內(nèi)容是在標簽內(nèi)，并呈現(xiàn)為斜體</em><br> <p class="text-left">向左對齊文本</p> <p class="text-center">居中對齊文本</p> <p class="text-right">向右對齊文本</p> <p class="text-muted">本行內(nèi)容是減弱的</p> <p class="text-primary">本行內(nèi)容帶有一個 primary class</p> <p class="text-success">本行內(nèi)容帶有一個 success class</p> <p class="text-info">本行內(nèi)容帶有一個 info class</p> <p class="text-warning">本行內(nèi)容帶有一個 warning class</p> <p class="text-danger">本行內(nèi)容帶有一個 danger class</p>
效果如下:
以上所述是小編給大家介紹的第五篇Bootstrap 排版的全部敘述，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
![Bootstrap 中data-[*] 屬性的整理](http://img.jbzj.com/images/xgimg/bcimg0.png)
本文給大家收藏整理了關(guān)于Bootstrap 中data-[*] 屬性的相關(guān)知識，感興趣的朋友一起看看吧2018-03-03
這篇文章主要介紹了Echarts.js無法引入問題解決方案,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-10-10
這篇文章主要為大家詳細介紹了微信JS-SDK選取手機照片上傳功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
談?wù)別ncodeURI和encodeURIComponent以及escape的區(qū)別與應(yīng)用
encodeURI和encodeURIComponent以及escape，這三個都是用來編碼的，本篇文章給大家介紹encodeURI和encodeURIComponent以及escape的區(qū)別與應(yīng)用，感興趣的朋友一起學(xué)習(xí)吧2015-11-11
JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式，采用完全獨立于語言的文本格式，是理想的數(shù)據(jù)交換格式。同時，JSON是 JavaScript 原生格式，這意味著在 JavaScript 中處理 JSON數(shù)據(jù)不須要任何特殊的API或工具包，接下來跟著小編學(xué)習(xí)js中判斷json的方法吧2015-08-08
這篇文章主要為大家詳細介紹了原生js實現(xiàn)碰撞檢測，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
Javascript Echarts空氣質(zhì)量地圖效果詳解
這篇文章主要介紹了詳解Javascript利用echarts畫空氣質(zhì)量地圖，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-10-10
這篇文章主要介紹了JavaScript 隨機驗證碼的生成實例代碼的相關(guān)資料,需要的朋友可以參考下2016-09-09
JavaScript使用ZeroClipboard操作剪切板
這篇文章主要為大家詳細介紹了JavaScript使用ZeroClipboard操作剪切板的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
關(guān)于Vue中postcss-pxtorem的使用詳解
在Web開發(fā)領(lǐng)域,響應(yīng)式設(shè)計已經(jīng)成為一個不可或缺的趨勢,PostCSS插件——postcss-pxtorem的出現(xiàn)為我們提供了一種更加智能和高效的解決方案,本文將深入探討postcss-pxtorem的使用,包括其背后的原理、配置選項、實際應(yīng)用中的注意事項等方面,需要的朋友可以參考下2023-12-12