建站學(xué)堂

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

建站學(xué)堂

2542

字體:

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

由于版本問題需要謹(jǐn)慎使用這些工具,避免在同一個站點創(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;


[聲明]原創(chuàng)不易,請轉(zhuǎn)發(fā)者備注下文章來源(hbsjsd.cn)【速建時代】。