Twitter Bootstrap Responsive - 仅在桌面上显示表列

Question

我正在使用DataTables.net + Twitter Bootstrap和响应式布局，我正在尝试使用“visible-desktop”类隐藏表的某些列，这些列仅显示大尺寸的列但似乎不工作，隐藏得很好，但如果我调整窗口大小以获得桌面宽度，隐藏的列开始显示堆叠，似乎是CSS显示类问题，因为继承了父显示的类型：

.visible-desktop {
    display: inherit!important;
}

如果我操纵它

.visible-desktop {
    display: table-cell!important;
}

运作良好......有解决方法吗？或者我必须为表列隐藏编写自己的类？

Answer 1

第4版

编辑：Bootstrap 4删除了hidden和visible个类，有关更新的示例和/或相关的this answer，请参阅official migration guide。

**以下Bootstrap 3的旧答案**

版本3

.visible和.hidden的可用课程。

  

使用单个或组合的可用类来跨视口断点切换内容。

从这里的Bootstrap部分http://getbootstrap.com/css/#responsive-utilities-classes

Answer 2

我终于发现存在替代方法：

visible-desktop

通过

hidden-phone hidden-tablet

希望帮助别人！

Answer 3

在Bootstrap 3.0上使用官方文档中描述的.visibilty-<size>或.hidden-<size>响应类。

http://getbootstrap.com/css/#responsive-utilities-classes