导航标签环绕下拉菜单

时间：2015-08-07 作者：localhost

我试图显示我的菜单，当菜单正确显示时，它确实在nav中打开了，它隐藏了它后面的所有内容，因为navbar已经固定了。我应该如何解决该问题？

 <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="<?php bloginfo( \'url\' ); ?>"><?php bloginfo( \'name\' ); ?></a>
    </div>

    <div class="navbar-collapse collapse">

      <?php 
        $args = array(
          \'menu\'        => \'header-menu\',
          \'menu_class\'  => \'nav navbar-nav\',
          \'container\'   => \'false\'
        );
        wp_nav_menu( $args );
      ?>

    </div><!--/.navbar-collapse -->

  </div>
</nav>

2 个回复
SO网友:5ervant - techintel.github.io

设置特定min-width 和max-width 为您的<nav> 菜单将修复此问题：

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" style="min-width: 1000px; max-width: 1000px;">
下面是将设置min-width 和max-width 您的.navbar 事件发生时\'affix.bs.affix\' 被解雇：

var navbar = jQuery(\'nav.navbar\');

// If \'affix.bs.affix\' is fired.
navbar.on(\'affix.bs.affix\', function () {
    // Set the min-width and max-width.
    jQuery(this).css(\'min-width\', navbar.width());
    jQuery(this).css(\'max-width\', navbar.width());
}
事件\'affix.bs.affix\' 将在您的.navbar 已粘贴。欲了解更多信息，请访问JavaScript · Bootstrap - Affix: Events.

SO网友:localhost

问题是位置，在我将位置设置为“相对”后，菜单会推送包裹它的标题。它是固定的。

nav{
 position:relative;
}

结束
标签： menus   sub-menu   twitter-bootstrap   小码农  

相关推荐

Wordpress Flyout Menus

我有一个有点复杂的菜单结构，我正试图找出最好的方法来做到这一点。I have a top nav 它有4个部分。每个部分最多有2层深。而且I have a SUB Nav 这是基于您所在的部分，并显示为向下钻取，显示您拥有的页面。例如，假设我单击第二级顶部导航-然后我将转到显示打开并选中该部分的子页面。我希望我的解释是正确的。。。谢谢我的问题是：最好的方法是什么。我研究了一些插件，但似乎找不到合适的插件。我不需要使用插件。