Bootstrap 响应式布局辅助类

响应式布局辅助类

为了针对移动设备进行快速开发，在 responsive.less 文件中，Bootstrap 为响应式开发提供了一些辅助 class，它们用于针对不同设备显示和隐藏内容。可用的 class 列表及它们在各个media query下的效果见表 2‑2。表 2‑2 响应式布局的类

Class	手机767px and below	平板电脑979px to 768px	台式电脑Default
.visible-phone	Visible	Hidden	Hidden
.visible-tablet	Hidden	Visible	Hidden
.visible-desktop	Hidden	Hidden	Visible
.hidden-phone	Hidden	Visible	Visible
.hidden-tablet	Visible	Hidden	Visible
.hidden-desktop	Visible	Visible	Hidden

为了避免创建同一个站点的不同版本，只有当这些 class 能对每种设备的展示做有益的补充的时候，才能使用这些 class。响应式布局不能用于table元素。