我知道Bootstrap 4使用新的显示实用程序来显示或隐藏基于屏幕大小的信息.我的问题是如何使用表格来完成这些工作？我想删除列,因为屏幕尺寸较小.
我使用过"d-xs-none"并没有任何效果.但是,当我使用"d-sm-none"时,当尺寸为"sm"或更大(与我需要的完全相反)时,将删除该列.如果我尝试"d-none d-xs-none",该列永远不会出现.如: <th class="text-center d-none d-xs-none" scope="col">Location</th>
基本上,您可以向我展示一个在将浏览器调整为移动设备时隐藏表格列的示例吗？谢谢您的帮助!
我正在使用DataTables.net + Twitter Bootstrap和响应式布局,我正在尝试使用"可见桌面"类隐藏表的某些列,这些列只显示大尺寸的列但似乎不起作用,隐藏得很好,但是如果我调整窗口大小以获得桌面宽度,隐藏的列开始显示堆叠,似乎是CSS显示类问题,因为继承了父显示的类型:
.visible-desktop {
display: inherit!important;
}
如果我操纵它
.visible-desktop {
display: table-cell!important;
}
效果很好......这有解决方法吗？或者我必须为表列隐藏编写自己的类？