twitter-bootstrap - Twitter Bootstrap 响应式 - 仅在桌面上显示表格列

Question

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

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

如果我操纵它

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

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

Answer 1

版本 4

编辑:Bootstrap 4 已删除 hidden和 visible类(class)，见 this answer更新示例和/或相关 official migration guide .

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

版本 3
.visible 的可用类(class)|和 .hidden .

Use a single or combination of the available classes for toggling content across viewport breakpoints.

来自此处的 Bootstrap 部分 http://getbootstrap.com/css/#responsive-utilities-classes