Jumbotron в нижнем колонтитуле не прилипает к нижней части страницы? - PullRequest
Новая
       3

Jumbotron в нижнем колонтитуле не прилипает к нижней части страницы?

0 голосов
/ 20 июня 2019

Я пытаюсь создать фиксированный нижний колонтитул из jumbotron, включая text area и button. Вот что у меня сейчас в конце <body>: 

<div class="jumbotron jumbotron-fluid position-fixed fixed-bottom">
  <div class="container-fluid">
    <div class="input-group mb-3">
    
      <div class="input-group-prepend">
        <span class="input-group-text">Message: </span>
      </div>
      
      <textarea class="form-control" aria-label="With textarea"></textarea>
      
      <div class="input-group-append">
        <button class="btn btn-outline-secondary" type="button">Send</button>
      </div>
      
    </div>
  </div>
</div>

Но этот jumbotron не прилипает к нижней части страницы. Он стоит примерно на 50px над дном, это так ужасно, и я не знаю, как это исправить!

1 Ответ

1 голос
/ 21 июня 2019

Потому что по умолчанию .jumbotron имеет margin-bottom: 2rem;.Удаление этого нижнего поля исправит проблему.

Вы также можете сделать свой собственный стиль: 

.jumbotron.fixed-bottom {
    margin-bottom: 0 !important;
}

Кстати, вам не нужен класс .position-fixed..fixed-bottom сделает фиксированную позицию за вас!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...