ブートストラップネストされた行の列の高さ

ネストされた列の高さを行の高さと同じにする方法はありますか？現在のところ、行の高さの75％にすぎません。私は列の高さ対CSSを設定しようとしましたが、それはどちらかと思われません。ブートストラップネストされた行の列の高さ

<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私は正直なところ、なぜそれが動作するか、私がたくさん使う傾向がある保存されたコードスニペットについての詳細はわかりません。 –

ブートストラップネストされた行の列の高さ

答えて

関連する問題