Как в Bootstrap сделать вертикальное центрирование блоков в строке (или текста в колонках)?

Нашёл только такой вариант:

<div class="container">
    <div class="row vertical-align"> <!-- 
                    ^--  Additional class -->
        <div class="col-xs-6"> ... </div>
        <div class="col-xs-6"> ... </div>
    </div>
</div>
.vertical-align {
    display: flex;
    align-items: center;
}

Но так сетка из адаптивной превращается в резиновую. Т.е. при уменьшении размера экрана блоки не выстраиваются вертикально, а просто масштабируются.

Существует ли вообще способ вертикального центрирования текста в колонках (или колонок в строке) Bootstrap'а? Ну как в таблицах в общем...