Twitter bootstrap Firefox中奇怪的引导下拉和按钮行为

我正在用Bootstrap3创建一个导航栏菜单。我有一个按钮填充的下拉菜单。显示功能在Chrome中，但在Firefox中不起作用。在FF中，菜单的边框切入按钮，而不是围绕按钮

我发现了一个奇怪的“黑客”来在Firefox中获得正确的显示。添加一个常规链接元素，该元素的文本量大约与按钮元素的文本量相同，从而使其正确显示

有错误的站点。第19-29行。（对应于酸元素旁边的数字3）

黑客：第21行

---

有没有更好的方法可以让显示器在firefox上正确显示？如果有，是什么方法？

官方不支持在下拉列表中使用按钮（从3.0.3版开始）。但这听起来像是他们将来可能会加入的东西

下拉列表的样式和js使用

.dropdown>li>a

作为选择器，这就是为什么如果不使用链接，会得到奇怪且不一致的结果

引用mdo（bootstap的创建者）

在v4退出之前，我们无法更改下拉项的行为，我的意思是，我们解释这一点的唯一方法是在下拉链接上使用必需的类（例如，dropdown item而不是.dropdown>li>a）。我们可以在v3.1中解释这一点，也许我们只是不赞成旧的选择器，但我不确定如何取舍

---

1.这里的问题是什么？2.我不会称之为“黑客”。你应该在下拉列表中使用链接，而不是按钮…在第一个示例中，你只是做错了…1.编辑以显示问题2。请随时在回答中解释这一点，包括来源和所有信息。