使用 Bootstrap 4 隐藏表格列

Question

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

我用过“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 上。