Question

很抱歉提出这个简单的问题，但我无法理解。

哪个css类负责折叠的菜单项（不正常）？

对于普通菜单，我使用此样式显示彩色边框：

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover,    .navbar-default .navbar-nav>.active>a:focus {
background-color: #232932;  
color:white;
height:80px;
border-top:5px solid #77d757;
padding-top:25px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
background-color: #232932;  
color:white;
height:80px;
border-top:5px solid #e20017;
padding-top:25px;
}

但我不想在折叠的菜单项上显示此边框...

Answer 1

我可能不对，但我相信您正在寻找带有选择器in的{{1}}课程。

只有在使用显示的按钮展开折叠的导航栏时，才会显示此额外的navbar-default navbar-collapse.in课程。但是，您可能会遇到问题，因为有第三个类：in，其中选择器collapsing会在菜单展开时显示。我猜你也不希望你的边界出现在那个过程中。

当菜单处于活动状态时，Bootstrap会添加这两个类（navbar-collapse.collapsing和in），因此它具有更强的CSS选择器。

希望我能正确理解你！

哪个类包含Bootstraps折叠菜单样式

1 个答案: