使导航栏拉伸以适应内容

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