当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;
    }
}