使用Bootstrap 4隐藏表列

Question

我知道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>

基本上,您可以向我展示一个在将浏览器调整为移动设备时隐藏表格列的示例吗？谢谢您的帮助!

Answer 1

尝试使用d-none d-sm-table-cell表格列.具有这些类的Colums不会显示在xs上.