BootStrap輔組類和響應(yīng)式工具怎么用

這篇“BootStrap輔組類和響應(yīng)式工具怎么用”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“BootStrap輔組類和響應(yīng)式工具怎么用”文章吧。

    <buttonclass="close">&times;</button>

    默認(rèn)位置為父元素的右上角

    小三角圖標(biāo).caret

    <spanclass="caret"></span>

    快速浮動(dòng).pull-left和.pull-right

    <pclass="stpull-right">我是文字</p>

    <pclass="stpull-left">我是文字</p>

    這個(gè)浮動(dòng)其實(shí)就是float，只不過使用了!important加強(qiáng)了優(yōu)先級(jí)。

    塊狀居中center-block

    <pclass="stcenter-block">我是文字</p>

    清理浮動(dòng)clearfix

    <pclass="stpull-left">我是文字</p>

    <pclass="clearfix"></p>

    <pclass="st">我是文字</p>

    這個(gè)p可以放在需要清理浮動(dòng)區(qū)塊的前面即可。

    顯示（.show）和隱藏(.hidden)

    <pclass="stshow">我是文字</p>

    <pclass="sthidden">我是文字</p>

    其實(shí)就是display：block或none添加了一個(gè)！important加強(qiáng)了優(yōu)先級(jí)

    響應(yīng)式工具

    超小屏幕

    手機(jī)（<768px）

    小屏幕

    平板(&ge;768px)

    中等屏幕

    桌面(&ge;992px)

    大屏幕

    桌面(&ge;1200px)

    .visible-xs-*顯示

    .visible-sm-*顯示

    .visible-md-*顯示

    .visible-lg-*顯示

    .hiddem-xs隱藏

    .hidden-sm隱藏

    .hidden-md隱藏

    .hidden-lg隱藏

    對(duì)于顯示的內(nèi)容，有三種變體，分別為：block、inline-block、inline。

    所加的樣式都添加了!important的優(yōu)先級(jí)。

以上就是關(guān)于“BootStrap輔組類和響應(yīng)式工具怎么用”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。