Javascript 引导导航-有没有一种方法可以让父项可单击，而不仅仅是切换

我有一个导航设置，其中我有一个父元素和三个子元素，父元素和三个子元素都有内容。然而，在Bootstrap3中，由于子级的数据切换，我无法访问父级。我将其设置为悬停，而不是单击“已用于计算机”，这将更改为单击“用于移动”。在不破坏移动点击触摸设备的情况下，有没有办法让父元素导航到它的页面？我已经到处搜索过了，但是所有的东西都是PHP的，或者问题都没有答案

这是我的导航代码：

<ul class="nav">
  <li><a href="/home">Home</a> </li>
  <li><a class="cms menulink" data-toggle="dropdown" href="/about">About</a>
    <ul class="dropdown-menu">
      <li><a href="/about/who-we-are">Who we are</a> </li>
      <li><a href="/about/identity-mission">Identity Mission </a> </li>
      <li><a href="/about/origins">Origins</a> </li>
    </ul>
  </li>
</ul>

我想用html/css或者javascript/jquery来实现这一点

---

谢谢

那么，请使用您的js代码，而不是搜索引导js！据我所知，你想要这样的东西-@Bhojendra-C-LinkNepal-不知道你的意思，根本帮不了我all@stripathi-看起来会有用的，谢谢：DGlad，这很有帮助。否则，对于相同的外观和感觉，我建议使用一个常规按钮，并在其旁边添加一个无文本下拉列表。