Twitter bootstrap 引导响应网格中断最后一行

我总共有8个资产，我使用bootstrap创建了两行（共4行），这将分解为4行（共2行）。但是，当行响应时，第4行将断开——应该位于左侧的资源将设置为右侧，而最终的资源将位于左侧的新行。所有div的设置也完全相同。这段代码似乎在其他页面上工作，这就是为什么我不能理解为什么这个页面被破坏。请帮忙

<div class="container-fluid">
 <div class="col-sm-6 col-lg-3" style="margin-bottom: 20px;">...</div>
 <div class="col-sm-6 col-lg-3" style="margin-bottom: 20px;">...</div>
 <div class="col-sm-6 col-lg-3" style="margin-bottom: 20px;">...</div>
 <div class="col-sm-6 col-lg-3" style="margin-bottom: 20px;">...</div>
 <div class="col-sm-6 col-lg-3" style="margin-bottom: 20px;">...</div>
 <div class="col-sm-6 col-lg-3" style="margin-bottom: 20px;">...</div>
 <div class="col-sm-6 col-lg-3" style="margin-bottom: 20px;">...</div>
 <div class="col-sm-6 col-lg-3" style="margin-bottom: 20px;">...</div>
 <div class="clear"></div>
</div>

...
...
...
...
...
...
...
...

...
...
...
...
...
...
...
...

---

分成两行。看看吧

你能添加完整的数据吗？我认为样式是您给出的一个问题。您的HTML是正确的，问题可能是您在最后两个单元格中的一个单元格中的实时内容，或者它们可能具有的任何特定浮动或样式。

<div class="container-fluid">
 <div class="row">
  <div class="col-sm-6 col-lg-3" style="margin-bottom: 20px;">...</div>
  <div class="col-sm-6 col-lg-3" style="margin-bottom: 20px;">...</div>
  <div class="col-sm-6 col-lg-3" style="margin-bottom: 20px;">...</div>
 <div class="col-sm-6 col-lg-3" style="margin-bottom: 20px;">...</div>
</div>
<div class="row">
 <div class="col-sm-6 col-lg-3" style="margin-bottom: 20px;">...</div>
 <div class="col-sm-6 col-lg-3" style="margin-bottom: 20px;">...</div>
 <div class="col-sm-6 col-lg-3" style="margin-bottom: 20px;">...</div>
 <div class="col-sm-6 col-lg-3" style="margin-bottom: 20px;">...</div>
</div>