为Bootstrap菜单添加钩子

要为Bootstrap菜单添加钩子，您可以使用jQuery来实现。下面是一个示例代码：

HTML代码：

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#">菜单</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav">
      <li class="nav-item active">
        <a class="nav-link" href="#">首页</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">关于</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">服务</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">联系我们</a>
      </li>
    </ul>
  </div>
</nav>

JavaScript代码：

$(document).ready(function() {
  // 为菜单项添加点击事件
  $('.navbar-nav .nav-link').click(function() {
    // 移除所有菜单项的active类
    $('.navbar-nav .nav-link').removeClass('active');
    // 将当前点击的菜单项添加active类
    $(this).addClass('active');
  });
});

在上面的代码中，我们使用了jQuery的.ready()方法来确保文档加载完成后执行代码。然后，我们使用了.click()方法为菜单项添加点击事件。在点击事件中，我们首先使用.removeClass()方法移除所有菜单项的active类，然后使用.addClass()方法将当前点击的菜单项添加active类，从而实现了为Bootstrap菜单添加钩子的效果。

您可以在您的项目中使用上述代码来为Bootstrap菜单添加钩子，并根据需要进行修改和定制。