0

Bootstrap の「左側のタブ」スニペットを使用しています

ここに画像の説明を入力

これがコードです

<div class="tabbable tabs-left">
              <ul class="nav nav-tabs">
                <li class="active"><a href="#lA" data-toggle="tab">Section 1</a></li>
                <li><a href="#lB" data-toggle="tab">Section 2</a></li>
                <li><a href="#lC" data-toggle="tab">Section 3</a></li>
              </ul>
              <div class="tab-content">
                <div class="tab-pane active" id="lA">
                  <p>I'm in Section A.</p>
                </div>
                <div class="tab-pane" id="lB">
                  <p>Howdy, I'm in Section B.</p>
                </div>
                <div class="tab-pane" id="lC">
                  <p>What up girl, this is Section C.</p>
                </div>
              </div>
            </div>

私はこれを私のウェブサイトで使用しています

メニュー項目「PRODUCTS」を確認すると、タブがブートストラップ ページと同じに見えないことがわかります。

理由は明らかです。これはドロップダウン メニューであり、タブはulと別のliの下のliタグであるため、それらの css 値を継承してこれを表示します。

ここに画像の説明を入力

この値をデフォルトのブートストラップ値にオーバーライドするためにあらゆることを試みましたが、成功しませんでした。

4

1 に答える 1

0

これはあなたが探しているものに近いと思います: http://www.bootply.com/68857

メガ メニューを使用しているため、そこからのスタイリングをオーバーライドする必要があります。

私の例の CSS ペインの下部を見ると、いくつかの変更を加えてデフォルトのタブ スタイルを復元したことがわかります。

お役に立てれば！

于 2013-07-21T12:19:56.397 に答える