顯示內嵌flex但保持全寬

Question

我已經放置兩個div內inline-flexdiv其中一個div div寬度減少。我使用的引導：

<section> 
    <div class="container"> 
    <div class="flexx"> 
     <div class="foo"> 
     .... 
     </div> 
     <div class="col-md-10"> 
     <div class="card"> 
      <div class="card-block"> 
      ... 
      </div> 
     </div> 
     </div> 
    </div> 
    </div> 
</section> 

基本上，foo類應該是內嵌col-md-10它的確但col-md-10變小，而不是它仍然應該是100％。我是否正確？我對css/scss不太瞭解。

Answer 1

我不確定我完全理解你的問題。內聯-FLEX項目不默認爲全角。你將需要添加一些CSS來發生，因爲在css中引導flex-grow屬性設置爲0;

我認爲增加一種風格和一個班級可以解決你的問題，如果我理解你的話也是對的。

// to your html 
<div class="col foo"> 
    .... 
</div> 


// to your css 
[class^="col"] { 
    flex-grow: 1; 
} 

退房this pen求助