2013-12-19 59 views
1

我正在用引导程序3创建导航栏菜单。我有一个用按钮填充的下拉菜单。显示功能在Chrome中,但不在Firefox中。在FF中,菜单的边界切入按钮,而不是围绕它。Firefox中奇怪的引导程序下拉和按钮行为

我发现了一个奇怪的“黑客”,以在Firefox中获得正确的显示。添加一个包含与按钮元素大致相同文本的常规链接元素会导致其正确显示。

错误的网站。 19-29行。 (对应于旁酸成分的数量3)http://bootply.com/101568

哈克:行21 http://bootply.com/101564

有没有更好的办法去正确地出现在Firefox中显示,如果有,是什么呢?

+0

1.这里有什么问题?我不会称之为“黑客”。你应该使用内部下拉链接,而不是按钮......你只是在第一个例子中做错了... – Schmalzy

+0

1.编辑显示问题 2.随时解释,在一个答案与源和所有。 – Btuman

回答

1

在下拉菜单中使用按钮并不正式支持(从版本3.0.3开始)。但这听起来像是它未来可能会增加的东西。

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

Style input/button tags in dropdowns

报价(bootstap的创建者)....

直到V4下降,我们不能改变的下拉列表项的行为,我的意思是我们唯一的出路对此的解释是在下拉链接上需要的类(例如,.dropdown-item而不是.dropdown> li> a)。我们可以在v3.1中对此进行说明,或许我们只是弃用旧的选择器,但我不确定这种折衷