Javascript Twitter引导程序3-下拉菜单中的导航栏右键问题

我使用

navbar right

创建了两个下拉列表

这是它的理由

问题是。。。它在桌面和大屏幕上运行良好

如果我调整浏览器窗口的大小。当重新调整大小时，下拉列表将显示屏幕的整个宽度

重新调整结果窗口的大小，您将了解我的问题

帮助我克服这个问题

---

提前感谢。

这不是真正使用引导

导航栏的方法。
navbar
的想法是它在移动设备上崩溃，这就是你在这里看到的情况。除此之外，在引导
navbar
和
等中，您的代码似乎只是为了将其正确浮动而使用
navbar right

试试这个。这是一个列表，每个列表都有一个下拉列表。没有
navbar
类。注意，我已经添加了类
nav
。这让
非常感谢。我在这些引导类中感到困惑。现在我很清楚了。再次感谢（1.）
<div>
    <ul class="pull-right nav">
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-comment"></i></a>
            <ul class="dropdown-menu dropdown-menu-right">
                <li><a href="#">One</a></li>
                <li><a href="#">Two</a></li>
                <li><a href="#">Three</a></li>
            </ul>
        </li>
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-home"></i></a>
            <ul class="dropdown-menu dropdown-menu-right">
                <li><a href="#">One</a></li>
                <li> <a href="#">Two</a></li>
                <li> <a href="#">Three</a></li>
            </ul>
        </li>
    </ul>
</div>

div > ul > li {
    float: left;
}