Bootstrap导航 - 有没有办法让父点击而不仅仅是切换

Question

我有一个导航设置，其中我有一个父元素和3个孩子，父母有三个孩子的内容。然而，在bootstrap 3中，由于子项的数据切换，我无法访问父项。我将它设置为悬停而不是单击已经用于计算机使用，这将更改为移动使用的点击。如果不打破手机点击触摸设备，有没有办法让父元素导航到它的页面？我已经四处搜索，但一切都在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做到这一点。

谢谢