为什么 bootstrap 下拉菜单仅在 bootstrap-responsive.css 也包含时才有效？答案

【问题标题】：Why do bootstrap dropdowns only work when bootstrap-responsive.css is also included?为什么 bootstrap 下拉菜单仅在 bootstrap-responsive.css 也包含时才有效？
【发布时间】：2012-09-10 19:00:16
【问题描述】：

对于一个测试用例，我使用来自 Hero Demo 的完全相同的代码创建了一个测试项目，然后删除了响应式 CSS 代码。

为什么除非还包括响应式，否则下拉菜单不起作用？我不想在我的项目中使用响应式。

【问题讨论】：

我怀疑您还有其他问题。 Here's a very basic fiddle（直接从链接演示复制的标记）仅使用 bootstrap-dropdown.js 和 bootstrap.css。
哦，同样使用 jQuery。下拉脚本依赖于 jQuery！在调用$('.dropdown-toggle').dropdown()之前，确保你已经加载了jquery.js和bootstrap-dropdown.js
@refhat 关键是它为网格、排版、表单等提供了一个非常好的框架。标记为非建设性的。
@crowjonah 您的评论最有用，显然演示中提供的标记在某种程度上只与响应式兼容，因为您的标记工作正常。添加一个答案，以便我将其选为最佳答案。

标签： javascript html css twitter-bootstrap

【解决方案1】：

您的用法一定有其他问题。这是一个very basic fiddle（直接从链接演示复制的标记），仅使用jquery.js、bootstrap-dropdown.js、bootstrap.css。

确保在调用 $('.dropdown-toggle').dropdown(); 之前已加载脚本，并且根据您构建下拉列表的方式使用正确的选择器！

【讨论】：

再次感谢。我很感激你的建议。此外，只要正确包含脚本，就不必在我的 HTML 中包含那个特定的 sn-p。

【解决方案2】：

正如@crowjonah 在上面的评论中提到的那样，下拉菜单不依赖于responsive.css。您应该在bootstrap.js 之前验证您的页面中是否包含jquery.js。我有一个不包括 bootstrap-responsive.css 的页面，并且下拉菜单工作得很好。此外，如果您使用正确的 css 标签，如演示中所述，则不需要包含 $('.dropdown-toggle').dropdown()。唯一可选的功能是工具提示和弹出框。

希望这会有所帮助，但如果没有，请使用更多代码示例更新您的问题，说明您是如何实现引导程序的。

【讨论】：

JQuery 被包括在内，它与从演示中复制的标记有关。使用@crowjonah 提供的标记，它按预期工作。