12

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

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

如果我操纵它

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

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

4

3 回答 3

29

版本 4

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

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

版本 3

.visible和的可用类.hidden

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

bootstrap css html可见和隐藏类网格

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

于 2015-06-24T18:36:33.497 回答
21

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

visible-desktop

经过

hidden-phone hidden-tablet

希望对某人有所帮助!

于 2013-05-14T14:54:27.763 回答
11

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

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

于 2014-01-22T10:03:06.463 回答