Twitter bootstrap 导航栏中不包含引导下拉列表

我不认为有任何CSS会改变这一点，所以我只发布HTML

总之，我的导航栏元素“About”有一个下拉菜单，它停止了工作。我无法理解，所以我重新编写了代码，直到修复为止。然而，它只是修复了一点

基本上，当我的导航栏折叠时，About元素仍然被包含，但当它被单击并显示其内容时，它在下拉框外创建了一个新的框架。它过去只是放大折叠的菜单来显示下拉列表的所有元素。我想不出怎么修理它

<nav role="navigation" class="navbar navbar-inverse navbar-fixed-top">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
        <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a href="#" class="navbar-brand">
            <img id="logo" src="images/logoSM.png" alt="Limit Magazine">
        </a>
    </div>
    <!-- Collection of nav links and other content for toggling -->
    <div id="navbarCollapse" class="collapse navbar-collapse">
        <ul class="nav navbar-nav navbar-right">
            <li class="dropdown" data-toggle="dropdown"><a href="#" ><div>About<span class="caret"></span></div></a></li>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="story.html">Our Story</a></li>
                    <li><a href="#">Contact Us</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Blog</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Twitter</a></li>
                    <li><a href="#">Facebook</a></li>
                    <li><a href="#">Tumblr</a></li>
                </ul>
            <li><a href="#"><div class="navsub btn-nav pull-left">Subscribe</div></a></li>
        </ul>

    </div>
</nav>

这就是它最终的样子

---

修改后的代码如下。应该包含您的下拉按钮/药丸/等，然后在关闭下拉列表之前，应该在下拉列表中包含全部内容。我错过了一些东西

<li class="dropdown" >
                <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" href="#" ><div>About<span class="caret"></span></div></a>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="story.html">Our Story</a></li>
                    <li><a href="#">Contact Us</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Blog</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Twitter</a></li>
                    <li><a href="#">Facebook</a></li>
                    <li><a href="#">Tumblr</a></li>
                </ul>
            </li>

---

您可能希望用倒勾来转义答案第一部分中的代码，即“`