對於寬度大於1200px的網頁（比如1920px）,bootstrap預設的container類的寬度是(1140px + @grid-gutter-width)此處為資料來源，總之只佔用了頁面中的一部分，效果如圖：

     如果我們要做一個寬屏的顯示效果，將整個導航欄充滿一整行，那麼我們可以選擇定製bootstrap，在bootstrap定製頁面中，選擇你要修改的項，在container sizes中進行修改，你可以指定為具體的數值，當然為了進行適應，你可以修改為百分數的形式如（100%），最後下載你定製的bootstrap，在生成的檔案中，會比原來的檔案多一個config.json,最後實現效果。效果如圖所示：

更新：

今天使用bootstra 的時候突然發現，要覆蓋寬屏，可以不用定製boostrap就可以實現，那就是在你需要的部分，新增

<div class="container-fluid row"></div>