試行 1
<div class="bs-docs-example">
<ul class="nav nav-tabs">
<li class="active"><a href="#">Home</a>aaa</li>
<li><a href="#">Profile</a>fff</li>
<li><a href="#">Messages</a>bbb</li>
</ul>
</div>
また、属性を「タブ」に設定しようとしdata-toggle
ましたが、タブ間をクリックすることしかできず、aaa/fff/bbb を別のタブに分割しませんでした。
これは、JavaScript なしで実行できるはずです。
試行 2
私が作業中のものに最も近いのは次のとおりです。
<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active">
<a href="#ter" data-toggle="tab">Stir</a>
</li>
<li>
<a href="#gin" data-toggle="tab">Drink</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="ter">fff</div>
<div class="tab-pane" id="gin">ggg</div>
</div>
</div>
しかし、これはビューアーの URL を変更し/#ter
たり/#gin
、クリックしたりしませんでした。また、フィドルでは正常に動作しないようです...