建站學堂

                                                                                  襄陽網站建設|Bootstrap 響應式實用工具

                                                                                  建站學堂

                                                                                  2630

                                                                                  字體:

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

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


                                                                                  超小屏幕
                                                                                  手機 (<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;

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

                                                                                  亚洲中文字幕在线19页_99久久国产精品免费热7788_欧美专区日韩专区综合专区_小泽玛利亚一区_gogo999亚洲肉体艺术