如何使自举下拉作用于悬停

Question

如何使自举下拉与悬停在超过767px更高的分辨率工作。

我看到这太问题How to make twitter bootstrap menu dropdown on hover rather than click，这表明该

ul.nav li.dropdown:hover > ul.dropdown-menu { 
    display: block;  
} 

但问题是，我必须禁用点击效果，只对超过767px更高的分辨率。即低于这个分辨率（尤其是在移动设备中），它必须在引导程序通常所做的点击上工作。

我试过到目前为止

让CSS这个

ul.nav li.dropdown:hover > ul.dropdown-menu, 
ul.nav li.dropdown:active > ul.dropdown-menu 
{ 
    display: block;  
} 

，改变

<li class="dropdown mega-dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"/> 

到

<li class="dropdown mega-dropdown"> <a href="#" class="dropdown-toggle" data-toggle=""/> 

现在禁用> 767px， 分辨率的点击也适用于< 767px分辨率 click事件这里的问题是，这是行不通的，完美像之前< 767px分辨率。

这是最接近我可以来，任何帮助，可以理解。

Answer 1

你可以用媒体查询包装你的CSS代码：

@media (min-width: 768px) { 
    ul.nav li.dropdown:hover > ul.dropdown-menu { 
     display: block;  
    } 
} 

要禁用点击：

$('.nav .dropdown > a').click(function(event){ 
    event.preventDefault(); 
});