Bootstrap 网格 .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;
}