Jquery 引导4上的导航栏下拉菜单右键
我在Bootstrap4上的下拉菜单有问题 这是我的代码:Jquery 引导4上的导航栏下拉菜单右键,jquery,html,bootstrap-4,navbar,Jquery,Html,Bootstrap 4,Navbar,我在Bootstrap4上的下拉菜单有问题 这是我的代码: 这里的问题是.navbar.下拉菜单具有位置:静态,来自navbar.css 使用更具体的选择器覆盖CSS时:.navbar.dropdown menu.dropdown menu。并将位置从静态更改为绝对,它将按预期工作 对于“注销”功能的颜色,可以执行以下操作以覆盖默认样式: .navbar-nav .dropdown-item.dropdown-item, .navbar-nav .dropdown-item.dropd
-
这里的问题是.navbar.下拉菜单
具有位置:静态代码>,来自navbar.css
使用更具体的选择器覆盖CSS时:.navbar.dropdown menu.dropdown menu
。并将位置
从静态
更改为绝对
,它将按预期工作
对于“注销”功能的颜色,可以执行以下操作以覆盖默认样式:
.navbar-nav .dropdown-item.dropdown-item,
.navbar-nav .dropdown-item.dropdown-item:hover {
color: blue;
}
.navbar导航.下拉菜单.下拉菜单{
位置:绝对位置;
}
.navbar导航下拉菜单项,
.navbar导航.下拉项.下拉项:悬停{
颜色:蓝色;
}
-
我认为您缺少一些下拉类,下面的代码应该可以工作
看这里
-
我不明白问题是什么。什么是不可读的?
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<a class="navbar-brand" href="#">BRAND</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown link
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="nav-item nav-link dropdown-toggle" id="userMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="<?= $objUser->photo ?>" width="40px" height="40px" class="rounded-circle">
<span class="caret"></span>
</a>
<a class="dropdown-item" id="logout_btn" href="#">Logout</a>
</div>
</li>
</ul>
</div>
</nav>