Question

所以，我最近正在制作这个我正在创建的管理主题，当我创建导航栏时，我遇到了这个小事：http://gyazo.com/6e4feee215852ab8fddb534413e24553

所以，一旦点击它，我就会遇到下拉列表的背景颜色。我希望它是透明的，我知道如何通过rgba。这是下拉列表的HTML。

<div class="apps2"
    <ul class="nav nav-pills">
        <li class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                Dropdown <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
                Blood
            </ul>
        </li>
    </ul>
</div>

第一个div中的apps2类只是定位图标（margin / float）

Answer 1

确定。所以我最终发现了自己的问题。转到bootstrap.min.css文件，其中有一些奇怪的内容，但在其中，有一个小字符串（你可以ctrl + f'找到它，只需输入： .nav .open＆gt; a ：焦点找到后，在{＆amp;}符号中，您会找到background-color属性，您可以将其更改为您想要的rgba，十六进制或文本颜色。：）

Answer 2

更改Bootstrap文件不是正确的方法。这就是所谓的“黑客攻击核心”，并为您提供麻烦的维护和升级问题。

而是在Bootstrap.css之后加载自定义CSS文件并添加覆盖。

http://jsfiddle.net/isherwood/4W3YR/

ul.nav li ul {
    background-color: transparent;
}

如何在Bootstrap中更改导航下拉列表的颜色

2 个答案: