Firefox中奇怪的Bootstrap Dropdown和Button行为

时间:2013-12-19 17:31:12

标签: twitter-bootstrap firefox

我正在使用bootstrap 3创建一个导航栏菜单。我有一个带按钮的下拉菜单。显示功能在Chrome中运行,但在Firefox中无法使用。在FF中,菜单的边框切入按钮,而不是围绕它。

我发现了一个奇怪的“hack”来在Firefox中获得正确的显示。添加具有与按钮元素一样多的文本的常规链接元素会使其正确显示。

网站有错误。第19-29行。 (对应于酸元素旁边的数字3)http://bootply.com/101568

黑客:http://bootply.com/101564

上的第21行

有没有更好的方法让显示在Firefox上正确显示,如果是,那是什么?

1 个答案:

答案 0 :(得分:1)

不正式支持在下拉列表中使用按钮(从3.0.3版开始)。但这听起来像是他们未来可能会添加的东西。

下拉列表的样式和js使用.dropdown > li > a作为选择器,这就是为什么如果不使用链接,会得到奇怪且不一致的结果。

Style input/button tags in dropdowns

引自mdo(bootstap的创建者)....

  

直到v4掉线,我们无法改变下拉列表项的行为,并且我的意思是我们解决这个问题的唯一方法是在下拉链接上使用必需的类(例如.dropdown-item而不是.dropdown > li> a)。我们可以在v3.1中解释这个问题,如果我们只是弃用旧的选择器,但我不确定权衡取舍