Question

我在同一行有2个div。当删除右边的div2时，我希望左边的div1取全宽。

<div class="row">
    <div class="col-sm-6" style="background-color:lavender;">Div1/div>
    <div class="col-sm-6" style="background-color:lavenderblush;">Div2</div>
  </div>

我正在使用bootstrap进行网格和重新定位。有什么方法可以通过bootstrap实现它吗？

Answer 1

您可以编写一个css选择器，将col-sm-6的宽度设置为100％，它既是第一个孩子又是最后一个孩子

.row .col-sm-6:first-child:last-child {
    width:100%
}

Answer 2

如果您使用bootstrap4，那么您可以跳过列大小声明，而只是执行。

<div class="row">
    <div class="col-sm" style="background-color:lavender;">Div1/div>
    <div class="col-sm" style="background-color:lavenderblush;">Div2</div>
</div>

根据兄弟div可用性调整div的宽度

2 个答案: