Twitter bootstrap 推特引导-导航栏内的下拉列表，但导航栏外的下拉列表会折叠

我想在导航栏中添加一个下拉列表，但要确保当浏览器调整到较窄的宽度时，下拉列表在导航栏中仍然可见，并且不包括在导航折叠中

下面的html可以工作。但是，当页面调整大小时，下拉列表会下降到下一行，并在导航栏中显示展开，给我留下一个非常深的导航栏

我正在调用bootstrap-collapse.js和bootstrap-dropdown.js

有人有什么想法吗

这是因为容器被填充到右侧或类似的地方。 分别使用右边距和左边距：-30px；分别位于最右边、最左边的无序列表上

不是很漂亮，但在他们修复之前…

，bootstrap的开发人员之一：

导航栏中.nav内的所有下拉列表都将受到影响。目前，我们没有提供防止这种行为的方法

但是，在折叠的导航栏中可能有未折叠的下拉菜单。您可以通过以下三种方式之一实现此目的：

将数据属性添加到下拉列表（

data no collapse=“true”

）以修复响应选择器

替换下拉菜单的类（

class=“dropdown menu no collapse”

）以从头开始重建其样式

将另一个类添加到下拉列表（

class=“dropdown menu no collapse

）以覆盖响应样式

---

这就解释了该怎么做。第一种方法需要编辑

bootstrap responsive.css

，第二种方法需要更改

bootstrap.css

。第三种方法不需要更改任何bootstrap的css，但很难维护。

如何使用bootstrap 3？我更新了我的博客文章，以解决更新的版本Twitter引导的ns（>=2.0.3）。使解决方案变得不必要。显示了一个完整的示例。