Bootstrap之选项卡

<div class="container">
        
        <ul class="nav nav-tabs">
            
            <li class="active"><a href="">onea>li>
            <li><a href="">twoa>li>
            <li><a href="">threea>li>

        ul>

        
        <ul class="nav nav-tabs nav-justified">
            
            <li class="active"><a href="">onea>li>
            <li><a href="">twoa>li>
            <li><a href="">threea>li>

        ul>

        
        <ul class="nav nav-tabs nav-tabs-justified">
            
            <li class="active"><a href="">onea>li>
            <li><a href="">twoa>li>
            <li><a href="">threea>li>

        ul>

        
        <ul class="nav nav-tabs nav-pills nav-justified">
            
            <li class="active"><a href="">onea>li>
            <li><a href="">twoa>li>
            <li><a href="">threea>li>

        ul>

        
        <ul class="nav nav-tabs nav-pills nav-stacked">
            
            <li class="active"><a href="">onea>li>
            <li><a href="">twoa>li>
            <li><a href="">threea>li>

        ul>

        <ul class="nav nav-tabs">
            
            <li class="active"><a href="#a" data-toggle='tab'>onea>li>
            <li><a href="#b" data-toggle='tab'>twoa>li>
            <li><a href="#c" data-toggle='tab'>threea>li>

        ul>
        
        <ul class="tab-content">
        
            <li id="a" class="tab-pane fade in active">aaaaali>
            <li id="b" class="tab-pane fade">bbbbbli>
            <li id="c" class="tab-pane fade">cccccli>
        ul>    

    div>