Twitter bootstrap 可以显示用于引导选项卡导航的面包屑

我正在使用引导选项卡导航，我想在引导面包屑中反映这个导航。我怎样才能做到这一点。我有一个类似的代码：

<ul class="nav nav-tabs">
<li class="active">
    <a data-toggle="tab" href="#">some text</a>
</li>
<li>
    <a data-toggle="tab" href="#">some text1</a>
</li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active">
    <!--some content here-->
</div>
<div role="tabpanel" class="tab-pane">
    <!--some content here-->
</div>
</div>

我想在我的页面中添加一个面包屑，显示当前活动点击的导航，例如“主页/一些文本”，如果“一些文本”选项卡是活动的。我需要一些帮助来达到这个目标

---

这是一个指向JSFIDLE的链接：

这是非常基本的，但我想这正是您想要的想法

HTML

这是一个有效的解决方案

---

以下是我的答案，初始化

.breadcrumb。为现有
.nav tabs.active设置text
元素，并根据单击的
.nav tabs
链接的文本更改其文本


var setText=$（'.breadcrumb.set text'）；
//初始化现有“.nav tabs.active”的.breadcrumb。
setText.addClass（'active'）；
var initText=$（'.nav tabs.active'）.text（）；
text（initText）；
$（'.nav tabs li a'）。在（'click'，函数（）{
setText.text（$（this.text（））；
});













我们可以帮助您，但您能提供一个工作的JSFIDLE和您想要实现的图像吗？您必须使用jQuery来实现这一点。看起来您忘记了更新JSFIDLE，因为它说：“我们真的很抱歉，但没有这样的页面。”是的，sry，没有注意到
<ul class="nav nav-tabs">
<li class="active">
    <a class="tab-link" data-toggle="tab" href="#" data-url="#/someUrl1">some text</a>
</li>
<li> 
    <a class="tab-link" data-toggle="tab" href="#" data-url="#/someUrl2">some text1</a>
</li>
</ul>
<ul class="breadcrumb pull-right">
<li> 
    <a href="#">Here</a>
</li>
<li>
    <a href="#/someUrl1" class="active-breadcrumb">some text</a>
</li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active">
    <!--some content here-->
</div>
<div role="tabpanel" class="tab-pane">
    <!--some content here-->
</div>
</div>

var activeBreadcrumb = $('.active-breadcrumb');

$('.nav').on('click', '.tab-link', function () {
    var self = $(this);
    activeBreadcrumb.attr('href', self.data('url'));
    activeBreadcrumb.text(self.text());
});