引导网格系统有条件柔性山坳宽度

Question

我有这样的HTML自举（3.7）CSS加载：

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

“条件”的div有时有，有时不存在。我怎样才能让“拉伸我！”如果不是，有条件地重写类，并且最好用bootstrap，div伸展到row宽度。例如，像class="col-xs-6 but-flex-me-if-over-blank-space"。

P.S.不能相信这个问题以前没有问过，几乎每个人都碰到了......但我找不到。至少不要像上面那样简洁地标题一致。

Answer 1

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

flex-grow将填充可用空间。

例子：https://jsfiddle.net/d8fb36w5/2/