折叠的导航栏在bootstrap 3.3.4中覆盖了它背后的内容

Question

我使用的是Bootstrap 3.3.4。我需要导航栏中链接的背景（一旦它在断点处折叠）大约50％透明，这样它就不会覆盖它背后的内容。现在，当我点击＆＃34;菜单＆＃34;垂直堆叠链接的大块落下并覆盖了它背后的任何东西。

Answer 1

一旦bootstrap达到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;
    }
}