引导导航菜单底部固定

Question

我创建了一个WP主题：

header.php 中的代码

 <div class="navbar navbar-inverse navbar-fixed-bottom">
    <div class="navbar-inner">
      <div class="container">
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
        <a class="brand" href="<?php echo site_url(); ?>"><?php bloginfo('name'); ?></a>
        <div class="nav-collapse collapse">
          <ul class="nav">
              <?php wp_list_pages(array('title_li' => '', 'exclude' => 4)); ?>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>
  </div>

当菜单窗口是980px时，只有上下攀爬才是

我放了一张图片来更好地理解

http://i61.tinypic.com/15heu55.jpg

如何每次定位在菜单下方？

Answer 1

您将需要覆盖position: static到position: fixed。

将此媒体查询添加到您的style.css

@media (max-width: 979px)
.navbar-fixed-bottom {
  margin-top: 20px;
  bottom: 0;
  position: fixed;
}