剑轩

bootstrap tab菜单

电脑版发表于:2017/6/17 17:21


贴代码:

<div class="tabbable-line" style="margin-top:10px">
    <ul class="nav nav-tabs">
        <li class="active">
            <a href="#tab_1_1" data-toggle="tab" aria-expanded="true">遇见你</a>
        </li>
        <li class="">
            <a href="#tab_1_2" data-toggle="tab" aria-expanded="false">
                生命中
            </a>
        </li>
        <li class="">
            <a href="#tab_1_3" data-toggle="tab" aria-expanded="false">
                最开心的事
                <span class="label label-sm label-danger circle">new</span>
            </a>
        </li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="tab_1_1">
            10
        </div>
        <div class="tab-pane " id="tab_1_2">
            11
        </div>
        <div class="tab-pane " id="tab_1_3">
            5
        </div>
    </div>
</div>






关于TNBLOG
TNBLOG,技术分享。技术交流:群号677373950
ICP备案 :渝ICP备18016597号-1
App store Android
精彩评论
{{item.replyName}}
{{item.content}}
{{item.time}}
{{subpj.replyName}}
@{{subpj.beReplyName}}{{subpj.content}}
{{subpj.time}}
猜你喜欢