无法将引导栏设置为不显示

Question

我有两列，在col-sm及更高版本中应为9个空格和3个空格。在该宽度以下的任何宽度下，我都需要第一列占用所有12个空格，并且我希望另一列甚至不显示并且不占用任何空间。应该很容易，但我似乎无法弄清楚如何阅读引导文档。我尝试了许多不同的col设置，但它们都不起作用，并且3空格列始终显示为包裹在9空格列下方，并且仍然仅占用3个空格。这是最后一次失败的尝试。我缺少某种微妙之处

<div class="container-fluid">
    <div class="row no-gutters">
        <div class="col-12 col-sm-9">
        </div>
        <div class="d-col-none d-sm-block col-sm-3">          
        </div>
    </div>
</div>

Answer 1

您应该阅读Bootstrap Display Documentation，然后会发现d-col...不存在。

您应该写d-none或d-xl-none：

  

因此，这些类使用以下格式命名：

     

.d-{value} for xs

     

.d-{breakpoint}-{value}用于sm，md，lg和xl。

Answer 2

尝试将col-xs-12添加到第一列，并将hidden-xs添加到第二列。