Twitter bootstrap 具有可变行位置的自举网格

我正在尝试创建一个带有网格图像的页面。当窗口较大时，我希望每行显示4个图像，当窗口为中等大小时，每行显示3个图像，当窗口较小时，每行显示2个图像

但是，引导似乎表明必须提前修复行中断，例如：

<div class="row">
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  ...
</div>
<div class="row">
  <div class="col-md-8">.col-md-8</div>
  <div class="col-md-4">.col-md-4</div>
</div>
...

.col-md-1
.col-md-1
.col-md-1
...
.col-md-8
.col-md-4
...

---

有没有一种方法可以使用Bootstrap来获得我想要的行为？

底线是行需要等于12才能填充空间。您可以只有一行，所有内容都将回流，具体取决于视口：

<div class="row">
  <div class="col-xs-6 col-md-4 col-lg-3"><img></div>
  <div class="col-xs-6 col-md-4 col-lg-3"><img></div>
  <div class="col-xs-6 col-md-4 col-lg-3"><img></div>
  <div class="col-xs-6 col-md-4 col-lg-3"><img></div>
  <div class="col-xs-6 col-md-4 col-lg-3"><img></div>
  <div class="col-xs-6 col-md-4 col-lg-3"><img></div>
 ...
</div>

...

这正是我试图做的，但似乎不起作用。当窗口较大时，我得到以下布局（其中X表示图像，-表示空格，\表示换行）：XXXX \--X\X--我想要的是：XXXX\XX--这很奇怪。你能创建一个JSFIDLE或bootply让我看一看吗？去这么做，发现我只是有一个放错地方的结束标记：）。谢谢你的帮助。我想我们都去过那里！干杯