Question

我使用hidden-sm在平板电脑模式下隐藏了我的col-sm-5。

<div class="row">
    <div class="col-sm-4">
    </div>
    <div class="col-sm-5">
    </div>
    <div class="col-sm-3">
    </div>
</div>

col-sm-4如何隐藏col-sm-5重新占据{{1}}的整个空间？

Answer 1

这应该有效。 hidden-sm隐藏在小型设备而非平板电脑中。因此hiddem-md .Link中的可见性类的链接 - Link

    <div class="row">
        <div class="col-sm-4 col-md-9">
        </div>
        <div class="col-sm-5 hidden-md ">
        </div>
        <div class="col-sm-3 col-md-3">
        </div>
    </div>

Answer 2

可见性堆栈的范围从自动引导程序中的小范围开始，因此当您应该利用它如何区分中型大型和xl时，您只是将所有视图重载为小：

如果您想要相同的内容，请使用“col-sm-4 col-md-5”类，它将根据屏幕/设备大小自动切换

如果您想要不同的内容，请使用上面的Sai答案

我怎样才能让`col-sm-4`在隐藏的时候重新获得'col-sm-5`的整个空间

2 个答案: