自舉網格.col高 - 相同高度

Question

我試過很多解決方案，但找不到一個。 我有3個不同類型的文本不同列，我需要他們有相同的高度。但他們是這樣的不同：colums任何人都可以幫忙嗎？

代碼：

.col-sm-2{  
 
    color: #adadad; 
 
    background-color: #dce7ee; 
 
    font-size: 100%; 
 
} 
 

 
.col-sm-7{ 
 
    color: #433f40; 
 
    background-color: #dce7ee; 
 
    font-size: 200%; 
 
    font-weight: bold; 
 
} 
 

 
.subtext { 
 
    font-size: 100%; 
 
    color: #00569f 
 
} 
 

 

 
.col1{ 
 
    color: #00569f; 
 
    text-transform: uppercase; 
 
    background-color: #c4d100; 
 
} 
 
.col2{ 
 
    color: #c4d100; 
 
    text-transform: uppercase; 
 
    background-color: #00569f; 
 
}

<div class="container-fluid"> 
 
    <div class="row"> 
 
     <div class="col-sm-2"> 15 m <br>imagem</br> </div> 
 
     <div class="col-sm-7">Fernando de Noronha <br class="subtext">+ de 500 vôos!</br></div> 
 
     <div class="col-sm-3 col1">A PARTIR DE <br>R$1.220</br></div> 
 
    </div> 
 
</div>

Answer 1

一種方法是使用display: table這樣。希望工程。

.row { 
    display: table; 
} 

[class*="col-"] { 
    float: none; 
    display: table-cell; 
    vertical-align: top; 
}