WP + Bootstrap - 单击菜单项后如何隐藏菜单？

Question

我正在网站wpweby.cz/sbeauty上工作，它基于Brew（http://danvswild.com/brew/），它基于Bootstrap。当您在移动设备上查看我的网站并折叠菜单并单击菜单中的任何项目时，菜单将保持可见状态。

我需要帮助如何在点击手机上的菜单项后隐藏菜单。我试图在stackoverflow上搜索但在那里我无法找到如何在Wordpress中处理这个问题。

谢谢

编辑：这是我的菜单代码

<div class="navbar-header">
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>
</div>

<div class="navbar-collapse collapse navbar-responsive-collapse">
  <?php bones_main_nav(); ?>
</div>