欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

第五篇Bootstrap 排版

 更新時(shí)間:2016年06月21日 14:58:06   作者:-夏昊-  
使用bootstrap的排版特性可以創(chuàng)建標(biāo)題,段落,列表及其它內(nèi)聯(lián)元素。本文重點(diǎn)給大家介紹Bootstrap 排版 知識(shí),非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧

使用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)站的支持!

相關(guān)文章

  • Bootstrap 中data-[*] 屬性的整理

    Bootstrap 中data-[*] 屬性的整理

    本文給大家收藏整理了關(guān)于Bootstrap 中data-[*] 屬性的相關(guān)知識(shí),感興趣的朋友一起看看吧
    2018-03-03
  • Echarts.js無(wú)法引入問(wèn)題解決方案

    Echarts.js無(wú)法引入問(wèn)題解決方案

    這篇文章主要介紹了Echarts.js無(wú)法引入問(wèn)題解決方案,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-10-10
  • 微信JS-SDK選取手機(jī)照片上傳功能

    微信JS-SDK選取手機(jī)照片上傳功能

    這篇文章主要為大家詳細(xì)介紹了微信JS-SDK選取手機(jī)照片上傳功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-04-04
  • 談?wù)別ncodeURI和encodeURIComponent以及escape的區(qū)別與應(yīng)用

    談?wù)別ncodeURI和encodeURIComponent以及escape的區(qū)別與應(yīng)用

    encodeURI和encodeURIComponent以及escape,這三個(gè)都是用來(lái)編碼的,本篇文章給大家介紹encodeURI和encodeURIComponent以及escape的區(qū)別與應(yīng)用,感興趣的朋友一起學(xué)習(xí)吧
    2015-11-11
  • javascript中判斷json的方法總結(jié)

    javascript中判斷json的方法總結(jié)

    JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式,采用完全獨(dú)立于語(yǔ)言的文本格式,是理想的數(shù)據(jù)交換格式。同時(shí),JSON是 JavaScript 原生格式,這意味著在 JavaScript 中處理 JSON數(shù)據(jù)不須要任何特殊的API或工具包,接下來(lái)跟著小編學(xué)習(xí)js中判斷json的方法吧
    2015-08-08
  • 原生js實(shí)現(xiàn)碰撞檢測(cè)

    原生js實(shí)現(xiàn)碰撞檢測(cè)

    這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)碰撞檢測(cè),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-03-03
  • Javascript Echarts空氣質(zhì)量地圖效果詳解

    Javascript Echarts空氣質(zhì)量地圖效果詳解

    這篇文章主要介紹了詳解Javascript利用echarts畫空氣質(zhì)量地圖,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2021-10-10
  • JavaScript 隨機(jī)驗(yàn)證碼的生成實(shí)例代碼

    JavaScript 隨機(jī)驗(yàn)證碼的生成實(shí)例代碼

    這篇文章主要介紹了JavaScript 隨機(jī)驗(yàn)證碼的生成實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
    2016-09-09
  • JavaScript使用ZeroClipboard操作剪切板

    JavaScript使用ZeroClipboard操作剪切板

    這篇文章主要為大家詳細(xì)介紹了JavaScript使用ZeroClipboard操作剪切板的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-05-05
  • 關(guān)于Vue中postcss-pxtorem的使用詳解

    關(guān)于Vue中postcss-pxtorem的使用詳解

    在Web開(kāi)發(fā)領(lǐng)域,響應(yīng)式設(shè)計(jì)已經(jīng)成為一個(gè)不可或缺的趨勢(shì),PostCSS插件——postcss-pxtorem的出現(xiàn)為我們提供了一種更加智能和高效的解決方案,本文將深入探討postcss-pxtorem的使用,包括其背后的原理、配置選項(xiàng)、實(shí)際應(yīng)用中的注意事項(xiàng)等方面,需要的朋友可以參考下
    2023-12-12

最新評(píng)論