css - 如何让 `col-sm-4` 在隐藏时重新获得 `col-sm-5` 的整个空间

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 的整个空间？

Answer 1

这应该有效。 hidden-sm 隐藏在小型设备而不是平板电脑中。所以有 hiddem-md.Bootstrap 中可见性类的链接 - 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>