引导充分宽的全高度栏

我有以下布局：引导充分宽的全高度栏

<body> 
    <nav class="navbar navbar-inverse"> 
     ... 
    </nav> 

    <div class="jumbotron"> 
    ... 
    </div> 

    <div class="container"> 
    <div class="row"> 
      <div class="col-xs-12">...</div> 
    </div> 

    <div class="row"> 
      <div class="col-xs-4">...</div> 
      <div class="col-xs-4">...</div> 
      <div class="col-xs-4">...</div> 
    </div> 
    </div> 
</body>

导航栏和头占据屏幕宽度的100％。但是，列不会 - 在屏幕的左右边缘附近保留巨大的空边距。

如果我删除container div，一切都占用了100％的空间，并且对我来说工作正常，但我不确定这是否是一种好的做法，因为在alll示例中使用了container。此外，我想让列占据页面末尾的所有空间，并且不确定是否需要container来完成它。

来源

2017-09-24 parsecer

使用容器流体 –