nav下拉颜色css无法在移动设备或小屏幕设备上运行

Question

我在我的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%;

桌面视图

立即移动视图我希望它与桌面视图完全相同

Answer 1

我建议使用媒体查询并添加要调整的类

例如：

 /* Extra Small Devices, Phones */ 
 @media only screen and (min-width : 480px) {
   .nav-dropdown {
      background: #fff;
   }
 }

对于Bootstrap 3默认媒体查询，您可能会发现它here