引導網格系統有條件柔性山坳寬度

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/