我正在尝试在导航栏中创建一个与其余导航栏样式匹配的下拉列表。我还没有覆盖我所知的任何引导类,并且我想知道是否有任何类具有与下拉列表相同的样式。

我一直在浏览其他文章,大多数似乎只是使用随机类,并且可以正常工作。我试图为此创建一个自定义CSS类,但无法成功匹配标题。

<li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Management
    </a>
    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
       <a class="dropdown-item" href="@Url.Action("Index", "Management")">Statistics</a>
       <br />
       <a class="dropdown-item" href="@Url.Action("Index", "Production")">Production Lines</a>
       <br />
       <a class="dropdown-item" href="@Url.Action("Index", "Announcement")">Announcements</a>
       <br />
       <a class="dropdown-item" href="@Url.Action("Index", "TestStation")">Test Stations</a>
    </div>
</li>


创建下拉列表时,是否存在与导航栏匹配的特殊类,还是我必须创建一个自定义类?

css - Bootstrap Dropdown背景色-LMLPHP

最佳答案

引导程序中的dropdown-item背景颜色为白色,如果您要更改它,可以使用页面样式进行更改。您可以将此代码添加到您的head标签:

.dropdown-item{
background-color: #2e89e5;
color: #fff;
}

07-24 09:50
查看更多