Css 使用bootstrap 3导航条折叠异常

我在wordpress中用commom内置了一个Bootstrap3导航栏。当到达网格断点时，它应该崩溃。但它显示了一种意想不到的行为，即在单击按钮之前显示切换内容，并且没有正确的样式

存在bs折叠插件。它以前做过一些改变，但我在某个地方失败了

我将感谢你的帮助。这是我的密码：

<div id="twitterbootstrap">
<nav class="navbar navbar-default <?php if ( !(is_front_page())): echo "navbar-fixed-top"; endif; ?>" role="navigation">
<div class="container" style="padding: 0;">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        <?php
            wp_nav_menu( array(
                'menu'              => 'primary',
                'theme_location'    => 'primary',
                'depth'             => 2,
                'container'         => 'div',
                'container_class'   => 'collapse navbar-collapse',
                     'container_id'      => 'bs-example-navbar-collapse-1',
                'menu_class'        => 'nav navbar-nav',
                'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
                'walker'            => new wp_bootstrap_navwalker())
            );
        ?>
    </div>
</nav>

我注意到这里有几个问题，到目前为止，我把Firebug搞得一团糟，我已经到了在按下按钮之前折叠菜单的内容不显示的地步

这是我通过去掉
display:inline块实现的！重要的来自
.navbar默认值、.navbar.navbar导航、.navbar折叠

折叠菜单仍然存在一些奇怪的问题，因为它在折叠效果实际发生后立即被压扁。想弄明白，如果你比我快就通知我
 修复了问题：


当菜单展开时：

这里的问题是您正在覆盖
theme.css
文件中引导的默认样式，尤其是
theme.css行：187
：

.navbar-default, .navbar .navbar-nav, .navbar-collapse {
  display: inline-block !important;
  float: none;
  font-size: 14px !important;
  height: 50px;
  margin: 0;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

和
theme.css行：207

.navbar-default .container div, .navbar .navbar-nav .container div, .navbar-collapse .container div, .navbar-default .container-fluid, .navbar .navbar-nav .container-fluid, .navbar-collapse .container-fluid {
  background-color: #eef8fd;
  float: none;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

删除这两个选项，你就可以开始了。
你错过了twitterbootstrap的一个结束部分-这是你的帖子刚刚遗漏的还是真的遗漏了？@mikemike:谢谢你的建议。我只是忘了在这里复制这个。非常感谢！这有帮助。现在，我将尝试用哈米德解决方案来解决您提到的奇怪问题。哈米德建议对奇怪的问题有效。