### 顯示或隱藏內容 `.show` 和 `.hidden` 類可以強制任意元素顯示或隱藏(**對于屏幕閱讀器也能起效**)。這些類通過 `!important` 來避免 CSS 樣式優先級問題，就像 [quick floats](https://v3.bootcss.com/css/#helper-classes-floats) 一樣的做法。注意，這些類只對塊級元素起作用，另外，還可以作為 mixin 使用。 `.hide` 類仍然可用，但是它不能對屏幕閱讀器起作用，并且從 v3.0.1 版本開始就**不建議使用**了。請使用 `.hidden` 或 `.sr-only` 。 另外，`.invisible` 類可以被用來僅僅影響元素的可見性，也就是說，元素的 `display` 屬性不被改變，并且這個元素仍然能夠影響文檔流的排布。 ~~~html <div class="show">...</div> <div class="hidden">...</div> ~~~ ~~~scss // Classes .show { display: block !important; } .hidden { display: none !important; } .invisible { visibility: hidden; } // Usage as mixins .element { .show(); } .another-element { .hidden(); } ~~~