nav-tabs选项栏

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>

效果图