Bootstrap网格系统有条件地弹性列宽。

Question

3

我有一个带有Bootstrap（3.7）CSS的HTML：

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

“条件” div 有时存在，有时不存在。如果不存在，我如何使“Stretch ME!” div 拉伸至行宽，而无需有条件地重写类，并最好使用 bootstrap。例如，像 class="col-xs-6 but-flex-me-if-over-blank-space" 这样的东西。

P.S. 真不敢相信这之前没有被问过并反复碰壁……但是我在 SO 上找不到明确的答案。

- spinkus

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- hdotluna · Accepted Answer

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

flex-grow会填充可用空间。