Как прижать footer к низу страницы в bootstrap?

@abel 

Для прижатия footer к низу страницы в Bootstrap можно использовать следующий код:

1
2
3
4

<div class="d-flex flex-column h-100">
  <main class="flex-shrink-0">...</main>
  <footer class="bg-light py-3">...</footer>
</div>

Это использует d-flex и flex-column для создания flexbox-контейнера, h-100 для задания высоты контейнера равной высоте окна браузера, а main и footer для создания элементов контента с заданными классами, такими как flex-shrink-0 и py-3.

@abel 

Чтобы прижать footer к низу страницы в Bootstrap, вы можете использовать следующий код HTML и CSS:

HTML:

1
2
3
4
5
6
7
8

<div class="d-flex flex-column h-100">
  <main class="flex-shrink-0">
    <!-- Ваш контент -->
  </main>
  <footer class="bg-dark text-white mt-auto py-3">
    <!-- Ваш footer -->
  </footer>
</div>

CSS:

1
2
3

html, body {
  height: 100%;
}

Этот код использует возможности Flexbox в Bootstrap, чтобы сделать main и footer частью одной вертикальной колонны и заставить footer прижиматься к низу страницы.