3

左側のタブを表示するためにブートストラップを使用しています。タブの下にコンテンツを表示できればいいと思います。

私のHTMLは次のようになります。

<div class="tabbable tabs-left">
    <ul class="nav nav-tabs">
        <li class="active"><a href="#">Tab 1</a></li>
        <li><a href="#">Tab 2</a></li>
        <li><a href="#">Tab 3</a></li>
        <li><a href="#">Tab 4</a></li>
    </ul>
    <div class="tab-content">
        Tab Content
    </div>
</div>

スクリーンショット: スクリーンショット

4

1 に答える 1

2

linav-tabs の下部に別のタブを追加できますul:

<ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">Tab 1</a></li>
    <li><a href="#tab2" data-toggle="tab">Tab 2</a></li>
    <li><a href="#tab3" data-toggle="tab">Tab 3</a></li>
    <li><a href="#tab4" data-toggle="tab">Tab 4</a></li>
    <li class="special">Some something here. Show something here.</li>
 </ul>

ここにデモがあります

タブの下のコンテンツの外観をカスタマイズしたい場合は、デモで見られるように「特別な」CSS クラスを使用します。

于 2013-05-14T13:09:45.557 に答える