Question

我在试图隐藏Bootstrap中的某些类时遇到了问题 - 这个问题给了我一些麻烦。在这里，我想隐藏导航和放大器的使用。导航丸类，但如果我删除它们＆amp;将它们嵌入.pills＆gt; 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，但仅用于在点击时更改活动类的内容。

Answer 1

您没有列出您调整过的所有规则，但这些规则并不仅仅由ul.nav.nav-pills选择器设置。实际的药丸是<a>元素，它们的样式由它们的.nav-pills祖先设定。例如：

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

如果您不想使用.nav-pills类，则必须重新定义所有这些规则，直接暗示设置此类的元素或在其选择器中使用此类的任何规则。

但恕我直言，隐藏这些类对最终用户没有兴趣，唯一的兴趣是隐藏框架的使用来自其他开发人员或机器人 - 除非你遇到与这些类的冲突，在这种情况下你应该直接提出这个问题。

如何使用LESS隐藏Bootstrap的nav和nav-pills类

1 个答案: