Как в bootstrap 4 выровнять форму по вертикали по центру?

Question

[kamwork]

Есть код:

<footer class="footer">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-12 col-sm-5 col-xl-4">
                <span class="text-muted">Shop - интернет магазин</span>
            </div>
            <div class="col-xs-12 col-sm-7 col-xl-8">
                <form class="form-inline float-sm-right">
                    <input class="form-control mr-sm-2" type="email" name="email" placeholder="Введите ваш email">
                    <button class="btn btn-outline-success my-2 my-sm-0" name="subscribe" type="submit">Подписаться
                    </button>
                </form>
            </div>
        </div>
    </div>
</footer>

Пробовал задавать класс align-middle но это не срабатывает, хотя форма inline

Текст выравнивается через line-height заданные footer'у

Comments

[Андрей]

А что вы в 4 и без флексов?

[kamwork]

Андрей: С ними

[Андрей]

kamwork: Ну тогда justify-content: или align-items: center;

Answer 1

[WhatYouDoing]

display: flex;
justify-content: center;
align-items: center;