引导程序导航：菜单项链接和下拉列表

Question

我正在尝试使用Bootstrap中的Navbar实现以下功能：

1）热门菜单项：鼠标悬停效果显示子菜单项

这可以通过以下方式解决：

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

2）热门菜单项：点击将打开链接 这可以通过删除

来实现

data-toggle="toggle"

和

class="toggle"

来自链接的

属性

3）在移动电话的响应式视图中，它不应该在点击后打开链接但它应该切换下拉效果更改代码后发生的事情1）和2）

以下是一个示例链接：http://jsfiddle.net/AZ6fs/1/