css - Twitter Bootstrap - 缩略图

Question

我想以以下配置显示缩略图（从最宽的屏幕宽度到最窄的屏幕宽度）：

• 一行 6 个缩略图（每个缩略图是span2）
• 一行 3 个缩略图在另一行 3 个缩略图上方
• 一行 2 个缩略图，位于另外两行上方，每行 2 个缩略图
• 每行 1 个缩略图在其他 5 行上方，每行 1 个缩略图

我希望这都使用相同的标记。我正在使用 Twitter 引导程序。现在，我有这样的事情：

<div class="container-fluid">
   <div class="row-fluid">
      <ul class="thumbnails">
         ...
         ...
      </ul>
   </div>
</div>

现在所做的就是在一行中显示 6 个缩略图。当屏幕宽度太窄时，它会将布局更改为每行一个缩略图。它跳过了我想要的中间步骤。

我如何在 TB 中实现我想要做的事情？我希望有一个仅加价的解决方案，因为我想充分利用 TB 所提供的功能。