Css 将引导3列转换为引导2列

我在看一个例子，它可以做一个动态列调整，这样当窗口的宽度很小以至于不能容纳4列时，它会动态显示2列。我如何在bootstrap 2中做到这一点，因为没有列的概念，只有span4、span2等（请不要告诉我转换为bootstrap 3）

以下是html：

   <div class="col-lg-3 col-md-4 col-xs-6 thumb">
          <a class="thumbnail" href="#"><img class="img-responsive" src="http://placehold.it/400x300"></a>
        </div>
        <div class="col-lg-3 col-md-4 col-xs-6 thumb">
          <a class="thumbnail" href="#"><img class="img-responsive" src="http://placehold.it/400x300"></a>
        </div>
        <div class="col-lg-3 col-md-4 col-xs-6 thumb">
          <a class="thumbnail" href="#"><img class="img-responsive" src="http://placehold.it/400x300"></a>
        </div>
        <div class="col-lg-3 col-md-4 col-xs-6 thumb">
          <a class="thumbnail" href="#"><img class="img-responsive" src="http://placehold.it/400x300"></a>
        </div>
        <div class="col-lg-3 col-md-4 col-xs-6 thumb">
          <a class="thumbnail" href="#"><img class="img-responsive" src="http://placehold.it/400x300"></a>
        </div>
        <div class="col-lg-3 col-md-4 col-xs-6 thumb">
          <a class="thumbnail" href="#"><img class="img-responsive" src="http://placehold.it/400x300"></a>
        </div>

对于行：

<div class="row-fluid">

对于列：

<div class="span3">

例如：

图像/内容
图像/内容
图像/内容
图像/内容

这是用于引导中的流体/响应式布局，页面分为12个跨距，支持嵌套

更多信息

对于行：

<div class="row-fluid">

对于列：

<div class="span3">

例如：

图像/内容
图像/内容
图像/内容
图像/内容

这是用于引导中的流体/响应式布局，页面分为12个跨距，支持嵌套

更多信息

---

您应该使用

世界其他地区的油液

：

<div class="row-fluid">
  <div class="span3">...</div>
  <div class="span3">...</div>
  [...]
  <div class="span3">...</div>
</div>

CSS:

---

您应该使用

行流体

：

<div class="row-fluid">
  <div class="span3">...</div>
  <div class="span3">...</div>
  [...]
  <div class="span3">...</div>
</div>

CSS: