Bootstrap 4可见性类

Question

我想知道是否有人可以在几分钟内告诉我这里我出错了。我试图在新的bootstrap 4框架下隐藏表中的某些单元格。在版本3下，我会使用hidden-xs。

            <table class="table table-bordered">
                <thead class="hidden-xs">
                    <tr>
                        <th colspan="2" style="border-left: transparent 1px solid;border-top: transparent 1px solid;border-bottom: transparent 1px solid;"></th>
                       <th class="text-center hidden-xs">9</th>
                        <th class="text-center hidden-xs">10</th>
                        <th class="text-center hidden-xs">11</th>
                        <th class="text-center hidden-xs">12</th>
                        <th class="text-center hidden-xs">13</th>
                        <th class="text-center hidden-xs">14</th>
                        <th class="text-center hidden-xs">15</th>
                        <th class="text-center hidden-xs">16</th>
                        <th class="text-center hidden-xs">17</th>
                        <th class="text-center hidden-xs">18</th>
                        <th class="text-center">Score</th>
                    </tr>
                </thead>
           </table>

我尝试用d-none d-sm-block替换hidden-xs但它没有效果。难住了。

请注意，Missing visible-** and hidden-** in Bootstrap v4中提供的解决方案似乎不起作用。

谢谢， ç