Question

我有这个带有bootstrap（3.7）CSS加载的HTML：

<div class="row">
  <div class="col-xs-6">Stretch ME!</div>
  <div class="col-xs-6">Conditional</div>
</div>

＆＃34;条件＆＃34; div有时会出现，有时候不存在。我怎样才能使＆＃34;拉伸ME！＆＃34; div延伸到row宽度（如果不存在），没有条件地重写类，最好是{{1 }}。示例，例如bootstrap。

P.S。不能相信以前没有问过这个问题并且反对很多......但是我无法在SO上找到明确的答案。

Answer 1

.row {
  display: flex;
  width: 100%;
}
.row .col-xs-6:first-child {
    flex-grow: 1;
}

flex-grow将填满可用空间。