0

Bootstrap で特定のクラスを非表示にしようとして問題が発生しました - これは私に最も問題を引き起こしました。ここで nav & nav-pills クラスの使用を非表示にしたいのですが、それらを削除して .pills > ul に LESS を使用して埋め込み、それに応じてすべてのコードを調整すると、ピル自体がレンダリングされず、困惑します。 . それと戦うために何時間も費やした後、私はしぶしぶクラスをドキュメントに埋め込んだが、それでもそれらを削除したいと思っている.

HTML/PHP は次のとおりです。

        <section class="pills" id="mus-art">
            <ul class="nav nav-pills">
                <li class="active"><a href="">Artist1</a></li>
                <li><a href="">Artist2</a></li>
                <li><a href="">Artist3</a></li>
                <li><a href="">Artist4</a></li>
                <li><a href="">Artist5</a></li>
                <li><a href="">Artist6</a></li>
                <li><a href="">Artist7</a></li>
                <li><a href="">Artist8</a></li>
                <li><a href="">Artist9</a></li>
                <li><a href="">Artist10</a></li>
                <li><a href="">Artist11</a></li>
                <li><a href="">Artist12</a></li>
                <li><a href="">Artist13</a></li>
                <li><a href="">Artist14</a></li>
            </ul>
        </section>
        <section id="contributor-info1">
                <?php include $_SERVER['DOCUMENT_ROOT']."/locationoffile"; ?>
        </section>

LESS ファイルには、ピルのレンダリングを妨げるものは何もありません。私はいくつかのjQueryも使用していますが、クリックされたときにどのピルがアクティブなクラスを取得するかを変更するためだけです。

4

1 に答える 1

0

調整したすべてのルールをリストしたわけではありませんが、ピルはul.nav.nav-pillsセレクターによって設定されるだけではありません。実際の丸薬は<a>要素であり、そのスタイルは.nav-pills祖先によって設定されます。例えば ​​：

.nav-pills > li > a
/* OR */
.nav-pills > .active > a:hover

クラスを使用したくない場合は、.nav-pillsこれらすべてのルールを再定義して、このクラスが設定されている要素、またはセレクターでこのクラスを使用しているルールを直接暗示する必要があります。

しかし、IMHO、これらのクラスを非表示にすることは、エンドユーザーにとって何の関心もありません。唯一の関心事は、フレームワークの使用を仲間の開発者やボットから隠すことです-これらのクラスとの競合に遭遇した場合を除き、この問題を提示する必要があります直接。

于 2012-11-04T16:43:33.273 に答える