[TOC] ## 快速浮動 / 清除浮動 ``` <div class="pull-left">...</div> <div class="pull-right">...</div> <div class="clearfix">...</div> ``` >[warning] 不能用于導航條組件中,排列導航條中的組件時可以使用這些工具類：.navbar-left 或 .navbar-right ## 讓內容塊居中 使用 `.center-block` ``` <div style="width: 1000px"> <div style="width: 50px;" class="center-block">asdad</div> </div> ``` ## 顯示 / 隱藏內容 ``` <div class="show">...</div> <div class="hidden">...</div> ``` | 超小屏幕手機 (<768px) | 小屏幕平板 (≥768px) | 中等屏幕桌面 (≥992px) | 大屏幕桌面 (≥1200px) | | --- | --- | --- | --- | | `.visible-xs-*` | 可見 | 隱藏 | 隱藏 | 隱藏 | | `.visible-sm-*` | 隱藏 | 可見 | 隱藏 | 隱藏 | | `.visible-md-*` | 隱藏 | 隱藏 | 可見 | 隱藏 | | `.visible-lg-*` | 隱藏 | 隱藏 | 隱藏 | 可見 | | `.hidden-xs` | 隱藏 | 可見 | 可見 | 可見 | | `.hidden-sm` | 可見 | 隱藏 | 可見 | 可見 | | `.hidden-md` | 可見 | 可見 | 隱藏 | 可見 | | `.hidden-lg` | 可見 | 可見 | 可見 | 隱藏 |