引導充分寬的全高度欄

我有以下佈局：引導充分寬的全高度欄

<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

使用容器流體 –