我在我的bootstrap导航栏下拉菜单中添加了背景,它在大屏幕设备上完全正常工作,但在手机等小屏幕设备上,背景颜色变得透明,菜单与我的内容重叠
O(log(n))
无论如何都要在小屏幕设备上使下拉背景相同。
修改
我尝试过Chandra kumar的答案,但它没有成功:
.nav-dropdown {
background: #fff;
@include border-radius($popover);
box-shadow: 0 1px 2px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35);
border: none;
top: 134%;
答案 0 :(得分:0)
我建议使用媒体查询并添加要调整的类
例如:
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
.nav-dropdown {
background: #fff;
}
}
对于Bootstrap 3默认媒体查询,您可能会发现它here