bootstrap 下拉菜单切换标签页

首先，需要在 HTML 中添加 Bootstrap 的 CSS 和 JavaScript 文件。然后，在需要添加下拉菜单的地方，可以使用以下代码：

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    选择标签页
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#tab1" data-toggle="tab">标签页1</a>
    <a class="dropdown-item" href="#tab2" data-toggle="tab">标签页2</a>
    <a class="dropdown-item" href="#tab3" data-toggle="tab">标签页3</a>
  </div>
</div>

<div class="tab-content">
  <div class="tab-pane active" id="tab1" role="tabpanel">
    标签页1的内容
  </div>
  <div class="tab-pane" id="tab2" role="tabpanel">
    标签页2的内容
  </div>
  <div class="tab-pane" id="tab3" role="tabpanel">
    标签页3的内容
  </div>
</div>

这段代码创建了一个下拉菜单，并将其与 Bootstrap 的标签页组件结合起来。当用户点击下拉菜单中的选项时，会切换到相应的标签页。