Css Twitter引导：如何在一行中放置未知数量的span*？

假设我有以下嵌套：

<div class="cointainer-fluid">
   <div class="row-fluid">
      <div class="span3">
         <!-- left sidebar here -->
      </div>
      <div class="span9">
         <!-- main content here -->
      </div>
   </div>
</div>

看起来我需要做嵌套行。但是，如果我这样做，那么我只能在每个嵌套行中容纳一定数量的产品。当屏幕宽度减小时，这将导致问题，例如（每个X代表一个产品）：

---

如何在Twitter引导中实现我想要的功能？

我建议您不要在

中使用
.span*
类，因为所有块的宽度都是以百分比定义的。因此，所有
.span*
块只会根据窗口大小更改宽度

只需定义您的自定义类，例如
.product
带有
float:left
，特别是带有和高度：

.product{
    width: 150px;
    height: 60px;
    float: left;
}

并将所有块放在一个容器中，没有任何行。浏览器将完成其余的工作

示例：
所以我不应该把我的产品放到另一个
span*
中？我认为如果我想充分利用结核病，这是应该采取的方法。不过，我知道你的解决方案是可行的。只是想知道这是不是结核病的方式。想法？正如我所说，所有
.span*
块在流体行中都有响应宽度，这是一个问题。但是你的产品块应该是固定宽度的，这样才能工作。实际上，这些TB类用于对齐布局。因此，我想使用这些样式来对齐产品不是一种好方法。虽然TWBS 3将提供一个跨分辨率的更可伸缩的网格，但网格的列数是固定的。你应该看看行为。但是
包含一个
span*
，我认为这会导致同样的问题。
Wide Screen
row 1: X  X  X  X  X
row 2: X  X  X  X  X
row 3: X  X  X  X  X

Less Wide Screen
row 1: X  X  X  X
       X
row 2: X  X  X  X
       X
row 3: X  X  X  X
       X

.product{
    width: 150px;
    height: 60px;
    float: left;
}