html - Bootstrap grid .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;
}