如何才能使‘`col sm-4’在隐藏时重新获得整个空间？

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-5隐藏时，如何使col-sm-4重新获得整个空间？

Answer 1

这应该是可行的。hidden-sm在小型设备中隐藏，而不是在引导程序中具有可见性类的tablets.so 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

在bootstrap中，可见性堆栈的范围自动从小到小，所以当你应该利用它如何区分medium、large和xl时，你只是用small重载了所有的视图：

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

如果你想要不同的内容，那就使用上面的Sai的答案