使引导栏填写屏幕宽度电网

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>