Как «прибить» footer к низу в Bootstrap?

Question

[BuBux]

Версия Bootstrap v4.1.1, не понимаю как прибить футер к низу. Что надо менять в css?

Answer 1

[AntL]

class="fixed-bottom"

Comments

[BuBux]

Футер у меня div class="slim-footer".
В глобальном css:

.slim-footer {

  border-top: 1px solid #ced4da;
  background-color: #e3e7eb;
  margin-top: 30px;
  padding: 15px 0; }
  @media (min-width: 992px) {
    .slim-footer {
      margin-top: 50px;
      padding: 0; } }
  .slim-footer .container,
  .slim-footer .container-fluid {
    font-size: 13px;
    text-align: center; }
    @media (min-width: 768px) {
      .slim-footer .container,
      .slim-footer .container-fluid {
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left; } }
    .slim-footer .container p,
    .slim-footer .container-fluid p {
      margin-bottom: 0; }
      .slim-footer .container p:last-child,
      .slim-footer .container-fluid p:last-child {
        margin-top: 5px; }
  @media (min-width: 992px) {
    .slim-footer .container-fluid {
      padding-left: 25px;
      padding-right: 25px; } }

Если я меняю класс футер-блока на тот который Вы мне написали, то стили для футера просто не находятся. Если я прописываю div class="slim-footer fixed-bottom", то футер всё время внизу экрана, даже когда появляется скрол.

Хотелось бы футер чтобы был внизу страницы.