BootStrap中輔組類和響應(yīng)式工具是什么

發(fā)布時間：2020-07-15 10:11:54 來源：億速云閱讀：152 作者：Leah 欄目：web開發(fā)

這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)BootStrap中輔組類和響應(yīng)式工具是什么，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

text-*表示字體顏色，bg-*表示字體的背景顏色

關(guān)閉按鈕 .close

<button class="close">×</button>

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

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

<span class="caret"></span>

快速浮動 .pull-left 和 .pull-right

<p class="st pull-right">我是文字</p>
<p class="st pull-left">我是文字</p>

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

塊狀居中 center-block

<p class="st center-block">我是文字</p>

清理浮動 clearfix

<p class="st pull-left">我是文字</p>
		
<p class="clearfix"></p>
		
<p class="st">我是文字</p>

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

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

<p class="st show">我是文字</p>
		
<p class="st hidden">我是文字</p>

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

響應(yīng)式工具

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

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

上述就是小編為大家分享的BootStrap中輔組類和響應(yīng)式工具是什么了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

猜你喜歡