在 Bootstrap 響應式佈局中隱藏元素

透過優化各種螢幕尺寸上的內容可見度來增強 Bootstrap 設計。 Bootstrap 提供了在較小裝置上顯示選單項目的功能，但是其他頁面元件呢？

為了解決這個問題，Bootstrap 提供了「可見」和「隱藏」類，使您能夠根據螢幕動態顯示或隱藏元素尺寸。可用的類別包括：

可見類別：

• .visible-xs-block：在超小型裝置（手機）上顯示
• .visible-sm-block：在小型設備（平板電腦）上顯示
• .visible-md-block：在中型設備上顯示(桌面)
• .visible-lg-block:在大型裝置上顯示(桌面)

隱藏類別:

• .hidden-xs：隱藏在超小型裝置（手機）上
• .hidden-sm：隱藏在小型裝置上（平板電腦）
• .hidden-md：在中型設備（桌上型電腦）上隱藏
• .hidden-lg：在大型設備（桌上型電腦）上隱藏

隱藏要在較小的螢幕上使用導航藥丸，只需將.hidden-xs 類別加入對應的容器即可。

...

或者，您可以使用“hidden-*-down”類，該類隱藏指定斷點處的元素或較小。

...

記得使用如果您想在指定斷點或更寬的位置顯示元素，請使用「visible-*-up」類別。

有關 Bootstrap 響應式實用程式類別的更多信息，請參閱其官方文件：http://getbootstrap.com /css/#responsive-utilities.