<div class="container">
<ul class="nav nav-tabs/nav-pills">
<li class="active"><a href="#A" data-toggle="tab">公告</a></li>
<li><a href="#B" data-toggle="tab">规则</a></li>
<li><a href="#C" data-toggle="tab">论坛</a></li>
<li><a href="#D" data-toggle="tab">内容</a></li>
</ul>
<br />
<div class="tab-content">
<div class="tab-pane active" id="A">公告内容</div>
<div class="tab-pane" id="B">规则内容</div>
<div class="tab-pane" id="C">论坛内容</div>
<div class="tab-pane" id="D">内容内容</div>
</div>
</div>
JS触发
$(".nav-tabs.li.a").click(function(){
$(this).tab("show/hide/toggle");
});