Twitter bootstrap 单击后，折叠的导航将消失

我遇到了一个奇怪的问题，折叠菜单闪烁一次，然后在将屏幕缩小到手机后消失。任何帮助都将不胜感激

，代码如下

<nav class='navbar navbar-default navbar-fixed-top main-nav no-margin-bottom' role='navigation'>
  <!-- Brand and toggle get grouped for better mobile display -->
  <div class='container'>
    <div class='navbar-header padding-bottom margin-bottom'>
      <button class='navbar-toggle' data-target='#bs-example-navbar-collapse-1' data-toggle='collapse' type='button'>
        <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 echo get_option('home'); ?>'>
        <div class='logo'></div>
      </a>
    </div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class='collapse navbar-collapse' id='bs-example-navbar-collapse-1'>
      <ul class='nav navbar-nav navbar-right'>
        <li>
          <a class='btn btn-default navbar-btn' href='<?php bloginfo('url'); ?>/request-an-invite/'>Request an invite</a>
        </li>
      </ul>
      <?php wp_nav_menu( array('menu' => 'Main', 'container' => '', 'items_wrap' => '<ul class="nav navbar-nav navbar-right">%3$s</ul>' )); ?>
    </div>
  </div>
</nav>

切换导航




您似乎正在使用自定义CSS与Bootstrap进行斗争，例如：

.navbar-collapse.collapse {
    display: none !important;
}

我会剥离所有与导航栏相关的自定义CSS，并仅在必要时将其添加回导航栏，每次添加一行

我也会把你的两个导航栏合并成一个。只有一个项目的列表不太像列表。
为什么有两个
.navbar
元素？我发现了导致闪存的问题。但不是，我很难适应塌陷宽度。导航在折叠到切换菜单之前将断开为两行。回复：两个列表，我似乎不知道如何在wordpress菜单中包含导航栏btn。对这两件事有什么想法吗？