解决bootstrap中大于1200px的显示问题

        对于宽度大于1200px的网页（比如1920px）,bootstrap默认的container类的宽度是(1140px + @grid-gutter-width)此处为数据来源，总之只占用了页面中的一部分，效果如图：

     如果我们要做一个宽屏的显示效果，将整个导航栏充满一整行，那么我们可以选择定制bootstrap，在bootstrap定制页面中，选择你要修改的项，在container sizes中进行修改，你可以指定为具体的数值，当然为了进行适应，你可以修改为百分数的形式如（100%），最后下载你定制的bootstrap，在生成的文件中，会比原来的文件多一个config.json,最后实现效果。效果如图所示：

更新：

今天使用bootstra 的时候突然发现，要覆盖宽屏，可以不用定制boostrap就可以实现，那就是在你需要的部分，添加

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

其中，container-fluid的作用是100%的宽度，占据全部视口（viewport）的宽度，如果不添加row，会有默认的边距，导致两边有缝隙，加上就好了。如图：