溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“bootstrap自帶的隱藏類是什么”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“bootstrap自帶的隱藏類是什么”吧！
bootstrap自帶的隱藏類有：“.hidden”、“.visible-xs-*”、“.visible-sm-*”、“.visible-md-*”、“.visible-lg-*”、“.hidden-xs”、“.hidden-sm”等等。
本教程操作環境：Windows7系統、bootsrap3.3.7版、DELL G3電腦
Bootstrap 提供了一些輔助類，以便更快地實現對移動設備友好的開發。這些可以通過媒體查詢結合大型、小型和中型設備，實現內容對設備的顯示和隱藏。
需要謹慎使用這些工具，避免在同一個站點創建完全不同的版本。響應式實用工具目前只適用于塊和表切換。
| 類 | 描述 |
|---|---|
| .show | 強制元素顯示 |
| .hidden | 強制元素隱藏 |
| 超小屏幕 手機 (<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-*-block | display: block; |
| .visible-*-inline | display: inline; |
| .visible-*-inline-block | display: inline-block; |
因此，以超小屏幕（xs）為例，可用的 .visible-*-* 類是：.visible-xs-block、.visible-xs-inline 和 .visible-xs-inline-block。
.visible-xs、.visible-sm、.visible-md 和 .visible-lg 類也同時存在。但是從 v3.2.0 版本開始不再建議使用。除了 <table> 相關的元素的特殊情況外，它們與 .visible-*-block 大體相同。
感謝各位的閱讀，以上就是“bootstrap自帶的隱藏類是什么”的內容了，經過本文的學習后，相信大家對bootstrap自帶的隱藏類是什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
