新聞動態(tài)

位置：首頁 新聞動態(tài) 建站學堂

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

新聞動態(tài)
2019年12月09日 閱讀:2772次

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

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


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

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

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

上一篇

下一篇

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