关于如何将Twitter Bootstrap的下拉菜单从单击显示更改为悬停显示似乎有很多问题/答案。 Bootstrap的构建者有充分的理由使用点击而不是悬停-悬停不适用于大多数平板电脑和手机。但是，我使用Bootstrap的原因之一是其响应功能。我想要一个可以在台式机，平板电脑和手机上查看的网站。尽管对于平板电脑和手机而言，单击以获取下拉列表是必需的，但对于台式机而言，这并不是预期的行为。我希望我的网站具有响应能力，但不以重新培训用户为代价!
有没有办法为台式机提供悬停下拉菜单，为平板电脑和手机提供单击下拉菜单？
最佳答案
我创建了一个插件(可以进行一些改进，但绝对可以正常工作)，该插件允许下拉菜单在悬停上工作，但不会干扰Twitter Bootstrap的click事件，因此您可以安全地绑定(bind)两者，这实际上意味着如果是鼠标，它将在悬停时激活，但是如果没有鼠标(即，平板电脑上的触摸屏)，则单击时仍将激活。
我的插件托管在GitHub上:https://github.com/CWSpear/twitter-bootstrap-hover-dropdown
通过显式调用它可以工作，但是我将调整代码以在不久的将来与数据属性一起使用。
关于Twitter引导: Dropdown Menus Hover for Desktop,单击平板电脑/手机吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11089817/