Bootstrap Grid未知表大小

Question

然而，这是一个相当模糊的问题...... 我有一个自举网格布局设置为4列宽。我有一个应用程序，它根据文本文件中的信息自动生成表。这些表中的每一个都添加到一列中。目前有9个表都有不同的长度（有些比最小的表高2.5倍）。

因此，这些表格看起来非常糟糕地排列在屏幕上，带有大的空白区域，桌子放在下面一排，因为它不适合。

有没有更好的方法来安排/调整/限制这些表？ 例如每个数字代表我的网格中的一个表，其中数字加倍，表扩展到下面的行。

O 1 2 3
O 1 4 5
    4 5
6 7 8 

html代码也是由应用程序生成的（asp c＃behind），html的格式为：

<div class="container">
  <div id="dashboard">
    <div class="row">
      <div class="span3">
        <div class="table responsive">
          <table class="table table-bordered table-condensed">
            <tr class="info">
              <th colspan="3">TABLENAME</th>
            </tr>
            <tr class="info">
              <td>Column1</td>
              <td>Column2</td>
            </tr>
                 ...
             unknown amount of rows
                 ...
          </table>
        </div>
      </div>
      ...
      unknown amount of tables
      ...
    </div>
  </div>
</div>