首页 文章

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

提问于
浏览 次
1

所以，我最近正在创建我正在创建的这个Admin主题，当我创建导航栏时，我碰到了这个小东西：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）

html twitter-bootstrap

2 回答

  • 0

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

    而是在Bootstrap.css之后加载自定义CSS文件并添加替代 .

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

    ul.nav li ul {
    background-color: transparent;
}
    回复于
  • 0

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

    回复于

相关问题