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

Question

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

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

如果我操纵它

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

效果很好......这有解决方法吗？或者我必须为表列隐藏编写自己的类？

Answer 1

版本4

编辑:Bootstrap 4已删除hidden和visible类,请参阅此答案以获取更新示例和/或相关的官方迁移指南.

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

版本3

可用类.visible和.hidden.

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

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

Answer 2

我终于发现存在一个替代方法:

visible-desktop

通过

hidden-phone hidden-tablet

希望帮助别人!

Answer 3

在Boostrap 3.0上使用.visibilty-<size>或.hidden-<size>响应类,如官方文档中所述.

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