如何在響應式網格中創建兩個獨立滾動的列？

Question

我需要提供一個主詳細信息屏幕，其中每個主和每個獨立可滾動的並排列在響應式網格中。當瀏覽器寬度降低到某個閾值以下時，兩列將堆疊起來，只有一個整頁滾動。

理想情況下，我希望在twitter-bootstrap中完成此操作。看起來這應該很簡單？

Answer 1

我想象你想在Bootstrap中使用.scrollable div設置爲「overflow：auto」。

Bootstrap會使得然後以較低的分辨率自動堆疊。

<div class="row-fluid"> 
    <div class="span6"> 
     <div class="scrollable"></div> 
    </div> 
    <div class="span6"> 
     <div class="scrollable"></div> 
    </div> 
</div>