Заполнение страницы с ошибкой панели навигации? - PullRequest
Новая
       9

Заполнение страницы с ошибкой панели навигации?

0 голосов
/ 02 октября 2018

HTML: 

<footer>
  <nav class="navbar navbar-inverse navbar-static-top" bottom="0" role="navigation">
    <div class="container">
      <ul class="nav navbar-nav">
        <li><a href="#">Apple Music</a></li>
        <li><a href="#">Spotify</a></li>
        <li><a href="#">Shazam</a></li>
        <li><a href="#">SoundCloud</a></li>
        <li><a href="#">© 2018 GetMedia. All rights reserved.</a></li>
      </ul>
    </div>
  </nav>
</footer>

Я не понимаю, как bottom="0" не заставляет нижнюю навигационную панель заполнять страницу, переходя в нижнюю.Есть ли способ решить эту проблему?

1 Ответ

0 голосов
/ 02 октября 2018

Вы должны использовать CSS.Если вы хотите, чтобы ваша навигация была в нижней части нижнего колонтитула, вы можете использовать это: 

footer {
  display:flex;
}
nav {
  align-self: flex-end;
  flex-grow: 1; //to be on 100% width of footer
}

Также я вижу, что у вас есть класс "navbar-static-top", который может вызвать некоторое позиционирование сверху.

...