Question

这是我的侧面导航代码

我想让下拉项目1激活

我尝试删除class="collapse"处的ul以及显示下拉项目的菜单成功，但问题是如何突出显示菜单下拉项目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>

Answer 1

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

<强>更新

.active {
  color: #FC0 !important;
}

Answer 2

我不相信你可以用你正在思考的方式激活李的风格，但你可以用css来做。

.active {
  background-color: #fff;
}

Bootstrap中的活动类下拉菜单

2 个答案: