如何在响应网格中创建两个可独立滚动的列？

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>