twitter-bootstrap - 使用 Bootstrap 4 隐藏表格列

Question

我知道 Bootstrap 4 使用 new display utilities根据屏幕大小显示或隐藏信息。我的问题是如何使这些与 table 一起工作？我想删除列，因为屏幕尺寸较小。

我使用了“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 对于表格列。具有这些类的列不会显示在 xs 上。