CSS - 调整窗口大小时，不能将span 3和span9保持在同一行

Question

我在我的RoR项目中使用bootstrap。我有两列，span3和span9，它们在调整浏览器窗口大小时移动：span9落在下面，然后返回到另一个跨度的一侧。

以下是代码，但由于某种原因显示的结果不同：http://jsfiddle.net/jUJn7/3/

HTML：

      <div class="row">
        <div class="span3 well" style="min-height:600px;">
        </div>
        <div class="span9 well" style="min-height:600px;">
        </div>
      </div>

我希望2个跨度在同一行中保持在一起。 span3必须具有300px的固定宽度，span9必须将其自身调整为窗口中的剩余空间。

我在所有其他相关问题中尝试过这些解决方案并没有成功，我一直试图解决这个问题好几周，所以我会感激任何帮助！

Answer 1

修正了span3和灵活的span9

HTML：

  <div class="row">
    <div class="span3 well" style="min-height:600px;">
    </div>
    <div class="span9 well" style="min-height:600px;">
    </div>
  </div>

的CSS：

.span3 {
  float: left;
  width: 300px;
}
.span9 {
  margin-left: 350px;
}