使引導欄填寫屏幕寬度電網

Question

Here是一些引導代碼

的鏈接在演示中可以看到細胞調整，並很好地堆（使用全屏幕效果最好）。

但是，單元格不會填滿整個屏幕寬度！

我如何擁有相同的設置，只有單元格總是覆蓋整個屏幕水平？

Answer 1

從container更換主包裝類container-fluid，它會填寫width:100%

Answer 2

只需卸下容器 div標籤或添加的container-fluid代替container

 <div class="row"> 
      <div class="col-sm-6 col-md-4 col-lg-3"><p>Box 1</p></div> 
      <div class="col-sm-6 col-md-4 col-lg-3"><p>Box 2</p></div> 
      <div class="clearfix visible-sm-block"></div> 
      <div class="col-sm-6 col-md-4 col-lg-3"><p>Box 3</p></div> 
      <div class="clearfix visible-md-block"></div> 
      <div class="col-sm-6 col-md-4 col-lg-3"><p>Box 4</p></div> 
      <div class="clearfix visible-sm-block"></div> 
      <div class="clearfix visible-lg-block"></div> 
      <div class="col-sm-6 col-md-4 col-lg-3"><p>Box 5</p></div> 
      <div class="col-sm-6 col-md-4 col-lg-3"><p>Box 6</p></div> 
      <div class="clearfix visible-sm-block"></div> 
      <div class="clearfix visible-md-block"></div> 
      <div class="col-sm-6 col-md-4 col-lg-3"><p>Box 7</p></div> 
      <div class="col-sm-6 col-md-4 col-lg-3"><p>Box 8</p></div> 
      <div class="clearfix visible-sm-block"></div> 
      <div class="clearfix visible-lg-block"></div> 
      <div class="col-sm-6 col-md-4 col-lg-3"><p>Box 9</p></div> 
      <div class="clearfix visible-md-block"></div> 
      <div class="col-sm-6 col-md-4 col-lg-3"><p>Box 10</p></div> 
      <div class="clearfix visible-sm-block"></div> 
      <div class="col-sm-6 col-md-4 col-lg-3"><p>Box 11</p></div> 
      <div class="col-sm-6 col-md-4 col-lg-3"><p>Box 12</p></div> 
     </div> 

</body> 
</html>