折叠导航栏覆盖bootstrap后面的内容3.3.4

Question

我使用的是Bootstrap 3.3.4。我需要导航栏中链接的背景（一旦它在断点处折叠）大约为50％透明，以便它不覆盖它背后的内容。现在，当我点击“菜单”时，一个垂直堆叠链接的大块下来并覆盖它后面的任何东西。

Answer 1

一旦引导程序达到768像素，导航栏会折叠并在导航栏右侧显示一个图标，该图标允许垂直显示下拉菜单。现在，要将下拉菜单更改为不透明并查看背景50％透明，可将以下代码添加到custom.css中。

@media(max-width:768px) { 
    .navbar-inverse { 
     background-color: transparent; 
    } 
    .navbar-collapse { 
     background-color: { your choice of color }; 
     opacity:0.5; 
    } 
} 

...或者，如果你只是想看到的只是文字，没有别的后面的背景，应用代码到custom.css为...

@media(max-width:768px) { 
    .navbar-inverse { 
     background-color: transparent; 
    } 
    .navbar-collapse { 
     opacity:0.5; 
    } 
}