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

Question

我需要呈现一个主从屏幕，其中主和详细信息在响应式网格中各自独立可滚动、并排列。当浏览器宽度减小到某个阈值以下时，两列会堆叠在一起，只有一个整页滚动。

理想情况下，我希望在 twitter-bootstrap 中完成此操作。看来这应该很简单吧？

Answer 1

我想你在 Bootstrap 中想要这样的东西，其中 .scrollable div 设置为在它们上具有“溢出：自动”。

Bootstrap 将在较低的分辨率下自动堆叠。

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