Bootstrap 中的活动类下拉菜单答案

【问题标题】：Active Class Dropdown Menu in BootstrapBootstrap 中的活动类下拉菜单
【发布时间】：2015-05-29 07:51:12
【问题描述】：

这是我的侧边导航代码

我想让下拉项 1 处于活动状态

我尝试在ul 处删除class="collapse" 并且菜单成功以显示下拉项，但问题是如何突出显示菜单下拉项1？

我将class='active' 添加到 li 标签，但它不起作用

将其突出显示为活动菜单的类是什么？

<li>
    <a href="bootstrap-grid.html"><i class="fa fa-fw fa-wrench"></i> Bootstrap Grid</a>
</li>
<li>
    <a href="javascript:;" data-toggle="collapse" data-target="#demo"><i class="fa fa-fw fa-arrows-v"></i> Dropdown <i class="fa fa-fw fa-caret-down"></i></a>
    <ul id="demo" class="collapse">
        <li class='active'>
            <a href="#">Dropdown Item 1</a>
        </li>
        <li>
            <a href="#">Dropdown Item 2</a>
        </li>
    </ul>
</li>
<li>
    <a href="blank-page.html"><i class="fa fa-fw fa-file"></i> Blank Page</a>
</li>

【问题讨论】：

i add class='active' to the li tag, but it's not work 什么不起作用？
菜单背景颜色没有变化，如果我在仪表板上我给活动课，那么菜单颜色会改变

标签： css twitter-bootstrap

【解决方案1】：

我不相信你可以用你的思维方式为一个 li 设置 active 样式，但你可以用 css 做到这一点。

.active {
  background-color: #fff;
}

【讨论】：

【解决方案2】：

由于您已经将 active 类分配给 li 标记，所以现在您只需要确保您的 CSS 文件中有适当的 CSS 类可用。

更新：

.active {
  color: #FC0 !important;
}

【讨论】：

css 来自引导程序，当我给仪表板提供活动类时，颜色改变了，但是当我尝试给子下拉菜单时，颜色没有改变
如果是这种情况，那么它应该可以工作，但是请尝试将 !important 添加到您的 css 代码中，其中活动类的代码可用。检查答案中的更新部分。