Как вертикально выровнять всё содержимое страницы в Bootstrap?

Question

[alexStartsev]

Есть контейнер, в нем четыре rows. В rows текст, иконки (шрифтами font awesome). Хочу выровнять всё содержимое сайта вертикально по центру. Как это сделать? Задать определенную (в px) высоту не могу.

Используется Bootstrap.

<div class="container">
    <div class="row">Some Text</div>
    <div class="row">Some Text</div>
    <div class="row">Some link Some link Some link</div>
    <div class="row">Icon Icon Icon Icon Icon Icon</div>
</div>

Answer 1

[Карен Мнацаканян]

padding: 30px 0;

Comments

[alexStartsev]

Я что-то не так сделал или это вообще не решение?
https://jsfiddle.net/hw8dcfm9/

Answer 2

[WQP]

Используйте Bootstrap 4. Он на flex. Там выровнять легко и без костылей

Comments

[alexStartsev]

А как на bootstrap4 это сделать?