CSS - 調整窗口大小時無法將跨度3和跨度9保持在同一行上

Question

我在我的RoR項目中使用了引導程序。我有2列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; 
}