为什么bootstrap下拉列表仅在包含bootstrap-responsive.css时才有效？

Question

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

为什么除非还包含响应，否则下拉列表不起作用？我不希望在我的项目中使用响应。

Answer 1

您的使用必定存在其他问题。这是very basic fiddle（直接从链接演示中复制的标记），只使用jquery.js，bootstrap-dropdown.js，bootstrap.css。

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

Answer 2

正如@crowjonah在上面的评论中提到的，下拉列表不依赖于responsive.css。您应该在jquery.js之前验证您的网页中是否包含bootstrap.js。我有一个页面，不包括bootstrap-responsive.css和下拉列表工作得很好。如果您使用演示中所述的正确$('.dropdown-toggle').dropdown()标记，也不需要包含css。选择加入的唯一功能是工具提示和弹出窗口。

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