如何與面板垂直拉伸的管內

Question

我使用自舉3，我有3列的行與他們每個人的有面板

<div class="row clearfix dashboard"> 
    <div class="col-md-4"> 
     <div class="panel panel-opaque"> 
     <div class="panel-heading"><h3 class="panel-title">Schneehöhen</h3> 
     </div> 
     <div class="panel-body"></div> 
     </div> 
    </div> 
    <div class="col-md-4"></div> 
    <div class="col-md-4"></div> 
</div> 

板材具有不同的高度，但我想有他們都有相同的高度。 我嘗試使用display：flex在行上，但這隻影響到具有相同高度的列，面板保持不變。 那麼我該如何實現呢？

Answer 1

這是最簡單的解決方案

<div class="row"> 
<div class="col-md-4" style="background-color: red"> 
    <div class="panel-heading"> 
     <h3 class="panel-title">Schneehöhen</h3> 

    </div> 
    <div class="panel-body"></div> 
    </div> 
    <div class="col-md-4" style="background-color: white">content</div> 
    <div class="col-md-4" style="background-color: blue "></div> 
</div> 

，並使用該css與

.row[class*="col-"] { 
margin-bottom: -99999px; 
padding-bottom: 99999px; 
} 
.row { 
overflow: hidden; 
} 

或這裏是另一種方式做同樣與此css

.row { 
display: table; 
} 

.row [class*="col-"] { 
float: none; 
vertical-align: top; 
} 

Flexbox的方法flexbox demo

.row-eq-height { 
display: -webkit-box; 
display: -webkit-flex; 
display: -ms-flexbox; 
display: flex; 
} 

Answer 2

我現在想通了，如何解決這個問題：

.row{ 
display:flex; 
} 

降山坳需要柔性以及

.row [class*='col-']{ 
display:flex; 
} 

.panel{ 
flex:1 
}