新聞動(dòng)態(tài)

位置：首頁 新聞動(dòng)態(tài) 建站學(xué)堂

襄陽網(wǎng)站建設(shè)|Bootstrap 響應(yīng)式實(shí)用工具

新聞動(dòng)態(tài)
2019年12月09日 閱讀:2685次

 Bootstrap 提供移動(dòng)設(shè)備輔助類,以便更快開發(fā)移動(dòng)設(shè)備。通過媒體查詢結(jié)合大型、小型和中型設(shè)備,增對(duì)設(shè)備設(shè)置是否顯示和隱藏。

由于版本問題需要謹(jǐn)慎使用這些工具,避免在同一個(gè)站點(diǎn)創(chuàng)建完全不同的版本。


超小屏幕
手機(jī) (<768px)		小屏幕
平板 (≥768px)		中等屏幕
桌面 (≥992px)		大屏幕
桌面 (≥1200px)
.visible-xs-*可見隱藏隱藏隱藏
.visible-sm-*隱藏可見隱藏隱藏
.visible-md-*隱藏隱藏可見隱藏
.visible-lg-*隱藏隱藏隱藏可見
.hidden-xs隱藏可見可見可見
.hidden-sm可見隱藏可見可見
.hidden-md可見可見隱藏可見
.hidden-lg可見可見可見隱藏

從 v3.2.0 版本起,形如 .visible-*-* 的類針對(duì)每種屏幕大小都有了三種變體,每個(gè)針對(duì) CSS 中不同的 display 屬性,列表如下:

類組CSS display
.visible-*-blockdisplay: block;
.visible-*-inlinedisplay: inline;
.visible-*-inline-blockdisplay: inline-block;

上一篇

下一篇

關(guān)鍵詞: Bootstrap 襄陽網(wǎng)站建設(shè)