在引导程序上选择表格菜单将返回到父链接

我的项目设置在此本地链接中：

本地主机：12345/索引.html#/藏书

在此页面中，有 3 个来自 Bootstrap 的选项卡组件。最近、过去和即将推出

当我单击任何这些选项卡时，我会被带回：

本地主机：12345/索引.html#/

而它应该是：

本地主机：12345/索引.html#/藏书#最近

另外两个选项卡链接是：

本地主机：12345/索引.html#/藏书#过去

本地主机：12345/索引.html#/藏书#即将推出

请注意，我不允许更改以下链接结构：

本地主机：12345/索引.html#/藏书

这是我正在使用的引导组件：

 <ul class="nav nav-tabs">
      <li class="active"><a data-toggle="tab" href="#Recent">Recent</a></li>
      <li><a data-toggle="tab" href="#Past">Past</a></li>
      <li><a data-toggle="tab" href="#UpComing">UpComing</a></li>
 </ul>
<div class="tab-content">
 <div id="Recent" class="tab-pane fade in active">
   <h3>Recent Books</h3>
   <p>Some content.</p>
 </div>
 <div id="Past" class="tab-pane fade">
  <h3>Past Books</h3>
  <p>Some content in Past Books.</p>
 </div>
 <div id="UpComing" class="tab-pane fade">
  <h3>UpComing books</h3>
  <p>Some content in UpComing books.</p>
 </div>
</div>

我需要 Bootstrap 中的选项卡组件才能工作。

我该如何解决？