我使用 Bootstrap 3 标签页和 X-tabs 插件 进行样式处理,代码如下:
HTML:
我在选项卡内容中添加了一个新的
HTML:
<div class='tabs-x tabs-below'>
<div id="myTabContent-2" class="tab-content">
<div class="tab-pane fade in active" id="home-2">
<div class="col-xs-4 col-md-2">
<p>The FALSE Tabs</p>
</div>
</div>
<div class="tab-pane fade" id="profile-2">
<p>The True TaBs WORKED</p>
</div>
</div>
<ul id="myTab-2" class="nav nav-tabs" role="tablist">
<li class="active"><a href="#home-2" role="tab" data-toggle="tab">Home</a>
</li>
<li><a href="#profile-2" role="tab-kv" data-toggle="tab">Profile</a>
</li>
</ul>
</div>
我在选项卡内容中添加了一个新的
元素,代码如下:
在实际操作中,这个
<div class="col-xs-4 col-md-2"></div>
在实际操作中,这个
div
在选项卡内容中显示不出来,也不能正常工作。我该如何解决这个问题?!
DEMO FIDDLE(查看第一个选项卡并查看问题,第二个选项卡可以正常工作)。