0

我的项目是在这个本地链接中设置的：

本地主机：12345/index.html#/BookCollection

在这个页面中，有 3 个来自 Bootstrap 的 Tab 组件。最近、过去和未来

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

本地主机：12345/index.html#/

而它应该是：

localhost:12345/index.html#/BookCollection#Recent

其他两个选项卡链接是：

本地主机：12345/index.html#/BookCollection#Past

本地主机：12345/index.html#/BookCollection#UpComing

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

本地主机：12345/index.html#/BookCollection

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

 <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 中的 Tabs 组件才能工作。

我如何解决它？

4

1 回答 1

1

您的代码片段似乎工作得很好。也许您可以再解释一下（并使用像 bootply 这样的网站，因为您的 localhost 无法访问）。

在此处查看您的代码片段：http: //www.bootply.com/Ny6q4guDgk

于 2016-07-14T00:30:56.170 回答