Как в bootstrap сделать три части с привязкой footer'а к нижней части экрана?

Question

[Konstantin Malyarov]

Есть три части:
1. Навигатор.
2. Контент.
3. Подвал.

Как сделать, чтоб разметка занимала 100% по высоте, чтоб footer был привязан к нижней части экрана?

Comments

[Сергей Герасимов]

Попробуйте тело страницы отображать через флекс и установить высоту в 100% от экрана. А блоку с контентом (допустим тег main) установить заполнение всего пространства пумтого с помощью Flex-flow, что-то типа такого:

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

[Виктор Таран]

В bootstrap не предусмотрено таких возможностей.
Пользуйтесь предложенным выше способом.