Twitter bootstrap Bootstrap 3响应菜单项出现在站点徽标旁边而不是下方

我对Bootstrap比较陌生，遇到了这个不寻常的问题-当我缩小窗口测试响应性并单击切换菜单时，在本例中，菜单会在站点名称Greg旁边打开

我有一种感觉，我需要用不同的或附加的标签包装一些导航，以使其正确显示。我会喜欢你的帮助

我目前的代码是：

<div class="navbar navbar-inverse navbar-static-top">
    <div class="container">
        <a href="#" class="navbar-brand">Greg</a>
        <button class="navbar-toggle" data-toggle="collapse"
            data-target=".navHeaderCollapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <div class="collapse navbar-collapse navHeaderCollapse">
            <div class="menu-flobble-container">
                <ul id="menu-flobble" class="nav navbar-nav navbar-right">
                    <li id="menu-item-77"
                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77">
                        <a title="contact" href="http://datapups.com/contact/">contact</a>
                    </li>
                    <li id="menu-item-78"
                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78">
                        <a title="portfolio" href="http://datapups.com/portfolio/">portfolio</a>
                    </li>
                    <li id="menu-item-79"
                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-79">
                        <a title="privacy" href="http://datapups.com/privacy/">privacy</a>
                    </li>
                    <li id="menu-item-86"
                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-86 dropdown">
                        <a title="Dairy" href="#" data-toggle="dropdown"
                        class="dropdown-toggle" aria-haspopup="true">Dairy
                            <span class="caret"></span>
                        </a>

                        <ul role="menu" class=" dropdown-menu">
                            <li id="menu-item-88"
                                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-88">
                                <a title="Cheese" href="http://datapups.com/cheese/">Cheese</a>
                            </li>
                        </ul></li>
                    <li id="menu-item-87"
                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-87">
                        <a title="Nuts" href="http://datapups.com/nuts/"> Nuts</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

---

您可以添加引导行和列div，以确保它位于引导行和列div的下方

<div class = "container">
  <div class="row>
     <div class="col-md-12">

        <a href = "#" class = "navbar-brand">Greg</a>
     </div>
  </div>
  <div class="row">
      <div class="col-md-12">
          rest of nav
      </div>
</div>

---

哇，我没有意识到这是如此困难的解决-将寻求其他地方的帮助。感谢您的关注：