Bootstrap 3.0 提供一組強大的實用類（Utility Classes），解決佈局、顯示控制、無障礙等高頻需求。本文系統梳理 9 大核心用法：

1. 關閉按鈕 .close

象徵性關閉圖標，用於模態框、警告框消失。

2. 插入符 .caret

表示下拉功能與方向，dropup 菜單自動反轉。

3. 快速浮動 .pull-left / .pull-right

含 !important 避免衝突，可作 mixin 使用。注意：導航條組件對齊請用 .navbar-left / .navbar-right。

4. 內容區域居中 .center-block

設定 display: block + margin 自動居中，可作 mixin/class 使用。

5. 清除浮動 .clearfix

採用 Nicolas Gallagher 的 micro clearfix，可作 mixin。

6. 顯示/隱藏內容

• .show / .hidden：強制顯示/隱藏（含螢幕閱讀器），含 !important，僅限塊級元素，可作 mixin。
• .hide：v3.0.1 棄用，不影響螢幕閱讀器，請用 .hidden 或 .sr-only。
• .invisible：切換可見性但保留文檔流佔位。

7. 螢幕閱讀器專用 .sr-only

除螢幕閱讀器外隱藏元素，可作 mixin。

8. 圖片替換文字 .text-hide

將元素文本替換為背景圖，可作 mixin。

9. 總結

這些特殊效果類在特定場景（顯示隱藏、消除浮動、關閉按鈕、無障礙適配）極具價值，建議收藏備查。