Javascript 根据同级div的可用性调整div的宽度

我在同一排有两个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>

Div1/div>
第二组

---

我正在使用引导程序进行网格和响应。我有没有办法用bootstrap实现它

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

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

---

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

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

---

如果您使用的是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>

Div1/div>
第二组

如果您使用的是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>

Div1/div>
第二组

您所说的“删除”是什么意思？由于用户的点击或什么？是 啊当用户单击时，“删除”是什么意思？由于用户的点击或什么？是 啊当用户单击返回此答案时，这里有一个指向bootstrap的4个文档的链接，解释了这一点：@Sylvain:谢谢。我认为bootstrap4结合了flex系统和网格。为了支持这个答案，这里有一个指向bootstrap的4个文档的链接，其中解释了这一点：@Sylvain:谢谢。我认为bootstrap4结合了flex系统和网格。