使面板走上新的生产线时分辨率变化

Question

我有正常工作，但是当我调整浏览器，他们不看完全正确的几个板，我想是这样的：

|1| |2| |3| |4| 
|5| |6| 

然后，当浏览器调整它的大小应该去

|1| |2| |3| 
|4| |5| |6| 

但与当前的代码它这样做

|1| |2| |3| 
      |4| 

这里是我的代码：

<div class="col-sm-6 col-md-4 col-lg-3"> 
    <div class="panel panel-default"> 
     <div class="panel-heading"><strong><a href="index.php?page=portfolio&work=driveways">Driveways</a></strong></div> 
      <div class="panel-body"> 
       Blockpaving<br /> 
       Indian stone<br /> 
       Shingle<br /> 
       Concrete<br /> 
       Crossovers<br /> 
       Drainage<br /> 
       Drive Cleaning<br /> 
      </div> 
     </div> 
</div> 

<div class="col-sm-6 col-md-4 col-lg-3"> 
    <div class="panel panel-default"> 
     <div class="panel-heading"><strong><a href="index.php?page=portfolio&work=patios">Patios</a></strong></div> 
      <div class="panel-body"> 
       Slabs<br /> 
       Indian stone<br /> 
       York stone<br /> 
       Brick surrounds<br /> 
       Drainage<br /> 
      </div> 
     </div> 
</div> 

<div class="col-sm-6 col-md-4 col-lg-3"> 
    <div class="panel panel-default"> 
     <div class="panel-heading"><strong><a href="index.php?page=portfolio&work=paths">Paths</a></strong></div> 
      <div class="panel-body"> 
       Blockpaving<br /> 
       Slab<br /> 
       Indian stone<br /> 
       Concrete<br /> 
      </div> 
     </div> 
</div> 

<div class="col-sm-6 col-md-4 col-lg-3"> 
    <div class="panel panel-default"> 
     <div class="panel-heading"><strong><a href="index.php?page=portfolio&work=decking">Decking</a></strong></div> 
      <div class="panel-body"> 
       Timber<br /> 
       Composite<br /> 
       Balustrades<br /> 
       Steps<br /> 
       Pergolas<br /> 
       Shed/Bar Conversions<br /> 
      </div> 
     </div> 
</div> 

下面是截图：

Answer 1

添加前3和4块格：

<div class="clearfix visible-md-block"></div> 

http://getbootstrap.com/css/#grid-responsive-resets