Bootstrap Tab基础使用,首先是引入必要的css和js,这里暂时忽略
核心代码:
<ul class="nav nav-tabs">
<li class="active">
<a href="#clientLinkmanTabContent" data-toggle="tab">
联系人
</a>
</li>
<li>
<a href="#clientFollowTabContent" data-toggle="tab">
跟进记录
</a>
</li>
<li>
<a href="#clientOrderTabContent" data-toggle="tab">
业务记录
</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade in active" id="clientLinkmanTabContent">
1
</div>
<div class="tab-pane fade" id="clientFollowTabContent">
2
</div>
<div class="tab-pane fade" id="clientOrderTabContent">
3
</div>
</div>
效果图:
原创文章,作者:sunnyman218,如若转载,请注明出处:https://blog.ytso.com/243646.html