css - bootstrap 2 div 左空间和高度问题

Question

我用 bootstrap 2.3.2 而不是 3 创建了一个 html 东西 html 有一个 div 和四个子 div。代码如下所示

<div class="row-fluid column">
  <div class="span3 testOne">Sample One
                         <br>Sample One
                         <br>Sample One
  </div>
  <div class="span3 testTwo">Sample Two
  </div>
  <div class="span3 testThree">Sample Three
                           <br>Sample Three
                           <br>Sample Three
  </div>
  <div class="span3 testFour">Sample Four
  </div>
</div>

代码运行良好，但我面临两个问题。

1. 我在子 div 之间留出空间
2. 如果一个子 div 很大(包含更多数据)，那么小 div(包含较少数据)的高度与大的不成比例

我期望实现的是如下所示

谁能告诉我一些解决办法

注意: 我不能使用 flex，因为它在 IE8 中不起作用，我还需要使用具有适当响应的 bootstrap 2.3.2

JSFiddle

Answer 1

我会制作一个 css 标签，例如 .nomargin{margin-left:0px!important;} 并将类添加到相关的 div testOne, testTwo, testThree, testFour并确保宽度设置正确