BootStrap实现左侧或右侧竖式tab选项卡

BootStrap实现左侧或右侧竖式tab选项卡

BootStrap实现左侧或右侧竖式tab选项卡

代码如下：

<div style="height: 100px;">
    <div class="col-xs-2">
        <ul class="nav nav-tab vertical-tab" role="tablist">
            <li role="presentation" class="active">
                <a href="#tab1" aria-controls="home" role="tab"
                   data-toggle="tab">本地</a>
            </li>
            <li role="presentation">
                <a href="#tab2" aria-controls="inbox" role="tab"
                   data-toggle="tab">系统</a>
            </li>
            <li role="presentation">
                <a href="#tab3" aria-controls="outbox" role="tab"
                   data-toggle="tab">网络</a>
            </li>
            <li role="presentation">
                <a href="#tab4" aria-controls="i