[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` | 可见 | 可见 | 可见 | 隐藏 |