Bootstrap嵌套行列高度

有沒有一種方法可以使嵌套列的高度與行高相等？目前它們只等於行高的75％。我曾嘗試設置列高度與CSS，但似乎也不工作。Bootstrap嵌套行列高度

<body> 
    <div class="container"> 
     <!-- HEADER AND TODO COUNT --> 
     <div class="row"> 
      <div class="col-md-4 text-center"> 
       <div class="row"> 
       <div class="col-md-12"> 
        <h1>Current Visitors</h1> 
        <h2>0</h2> 
       </div> 
       </div> 
       <div class="row"> 
       <div class="col-md-12"> 
        <h1>Online Orders</h1> 
        <h2>00</h2> 
       </div> 
       </div> 
      </div> 
      <div class="col-md-8"> 
       Grid Here 
      </div> 
     </div> 
</body>

來源

2016-04-15 Deltatuk

我認爲您正在尋找類似的東西？ https://jsfiddle.net/0cL2qaq1/3/

.row { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display:   flex; 
    flex-wrap: wrap; 
} 
.row > [class*='col-'] { 
    display: flex; 
    flex-direction: column; 
}

來源

2016-04-15 19:44:36

這正是我所期待的。你能詳細解釋一下css在做什麼嗎？ – Deltatuk

@Deltatuk我真的不知道爲什麼它的工作原理，它保存的代碼片段，我傾向於使用很多的細節，我從來沒有看過它爲什麼它的工作...對不起 –

Bootstrap嵌套行列高度

回答

相關問題