2016-04-15 5 views
0

Есть ли способ, которым я могу сделать высоту вложенных столбцов равной высоте строки? В настоящее время они равны только 75% высоты строки. Я попытался установить высоту столбца vs 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> 

ответ

0

Я думаю, что вы ищете что-то вроде этого? 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; 
} 
+0

Это именно то, что я искал. Можете ли вы объяснить, что делает css более подробно? – Deltatuk

+0

@ Deltatuk Я честно не знаю подробностей о том, почему это работает, его сохраненный фрагмент кода, который я, как правило, много использую, я просто никогда не смотрел, почему он работает ... Извините –

Смежные вопросы