2015-03-08 2 views
0

Есть ли замена на navbar-static-bottom? В настоящее время я установил свой нижний колонтитул следующим образом:Static footer with bootstrap

<div class="navbar navbar-default navbar-fixed-bottom"> 
      <div class="container"> 
       <p class="navbar-text pull-left">&copy; 2015 by Someone. </p> 
       <ul class="nav navbar-nav navbar-right"> 
         <li><a href="/Default"><strong>Test</strong></a></li> 
        </ul> 
      </div> 
     </div> 

Есть ли у кого-нибудь пример статического нижнего колонтитула? То есть нижний колонтитул, который ведет себя так же, как navbar-static-top делает? Все, что я стараюсь, не срабатывает. Я ничего не мог найти по этому поводу. Мне, должно быть, не хватает чего-то похожего на подобную альтернативу.

ответ

1

для колонтитула, установите

bottom: 0; 
position: absolute; 
width: 100% 

пример здесь http://getbootstrap.com/examples/sticky-footer-navbar/

+0

При изменении размера окна в очень небольшой размер, вы увидите, что сноска ведет себя иначе, чем навигационная панель. Navbar фиксирован и останется в верхней части окна даже при прокрутке вниз. Нижний колонтитул отображается только при прокрутке вниз. См. Другой ответ, если вы хотите, чтобы нижний колонтитул вел себя как навигационная панель (фиксированная). – Rudi

+0

true. 'position: fixed;' часто бывает лучше. – FeedTheWeb

1

Принятый ответ положит футер к низу страницы. Если вы хотите липкий колонтитул в нижней части окна выше, возможно, более контента, вам это нужно:

position: fixed; 
bottom: 0; 
width: 100%; 
+0

Фиксированный navbar - это не то, что я ищу. –