html - Bootstrap 4 响应式表头对齐问题

我在响应表上使用类d-none和d-md-block来隐藏较小分辨率的特定列。它工作得很好，但有一个例外。使用这些类的列与其他列略有不同。检查该列时，我找不到任何可能导致此问题的规则。

看起来这些列的填充或边距可能会偏离几个像素，但我无法终生将其确定下来。填充和边距似乎与非响应列相同。这是该问题的一个示例：

您可以在https://bitmagi.com/上查看代码，然后单击“交易/添加交易”菜单。

标签： htmlcssbootstrap-4responsive-design

问题是由d-md-block. 这样做是使表格单元格变成块元素，这不是<th>. 因此间距问题。

解决方案：使用d-md-table-cell代替d-md-block

工作例如：

<th class="d-none d-md-table-cell" style="text-align: right;">Exchange</th>