html
<ul class="nav nav-tabs" style="border-bottom: none;">
<li class="active" style="border: none;"><a data-toggle="tab" href="#tab-1" aria-expanded="true">待我签署</a></li>
<li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false">超期待审</a></li>
<li class=""><a data-toggle="tab" href="#tab-3" aria-expanded="false">我提交的</a></li>
<li class=""><a data-toggle="tab" href="#tab-4" aria-expanded="false">被退回的</a></li>
</ul>
<form>
<div class="tab-content">
<div id="tab-1" class="tab-pane active">
111
</div>
<div id="tab-2" class="tab-pane">
222
</div>
<div id="tab-3" class="tab-pane">
333
</div>
<div id="tab-4" class="tab-pane">
444
</div>
</div>
</form>
效果图
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8dbbf411647f93ea7f3657a69d76c09b.png)