使導航欄拉伸以適合內容

Question

我的網站有2頁。 一個論壇，另一個是我的主頁。 我已經完成所有首頁的設置，但是論壇需要對導航欄進行一些修改。 我將主頁上的導航欄鏡像到了論壇，以便樣式很好地匹配，但是由於論壇需要更多的內容和表格空間，因此使論壇更寬。 我已經嘗試了無數次，但都沒有成功。

由於論壇不是靜態頁面，因此將主頁放在了JSBin上。 它們都使用相同的精確導航欄。 順便說一下，這是Bootstrap 3。

這是我想要的樣子（抱歉，未嵌入帖子，需要10個代表）： http : //i.imgur.com/dlXaOZ8.png

這是JSBin： http : //jsbin.com/fexowifica/1/

我只需要知道如何使擴展范圍更廣，如圖像中所示，但實際上不會應用於首頁導航欄，而是將其應用於圖像中顯示的論壇導航欄。

謝謝！

Answer 1

只需更新您的CSS

的CSS

@media screen and (min-width:768px){
  .container{
   width:100%;
}