如何防止Bootstrap 3导航栏下拉菜单在点击时打开？

Question

我有一个带有两个下拉菜单的bootstrap 3导航栏。我通过添加以下CSS使它们出现在悬停中

@media only screen and (min-width: 768px){
 .dropdown:hover .dropdown-menu {
  display: block;
  }
}

但是现在发生的事情是，即使单击鼠标打开，下拉菜单也保持打开状态。

请参阅此处：ubihrm.com/attendance-app

我应该怎么做才能使其在悬停而不是单击时可见？

我正在通过CDN链接引导程序。所以我无法编辑引导CSS和js。

谢谢！