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

我试图通过引导中的导航栏实现以下目标：

1） 顶部菜单项：鼠标悬停效果以显示子菜单项

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

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

2） 顶部菜单项：单击将打开链接 这可以通过移除

data-toggle="toggle"

及

链接中的属性

3） 在手机上的响应视图中，单击后不应打开链接，但应切换下拉效果（使用1）和2）更改代码后发生的情况）

---

下面是一个示例链接：

你的问题是什么？第3）个问题是我想要实现的行为，所以问题是：我如何实现它：/我仍然对你想要实现的目标感到困惑。你是说你想让下拉菜单通过鼠标悬停来切换，除了在移动平台上，你想让它们具有通过单击进行切换的默认行为？是的，在桌面视图上：单击顶部菜单项将带你到达目标。悬停将显示子菜单。移动视图：单击仅会打开子菜单。只有单击子菜单项才能进入目标页面

class="toggle"