摺疊導航欄覆蓋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; 
    } 
}