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

【问题标题】：How to create two independently-scrollable columns in a responsive grid? [closed]如何在响应式网格中创建两个可独立滚动的列？ [关闭]
【发布时间】：2013-02-11 15:19:23
【问题描述】：

我需要展示一个主从屏幕，其中主从屏幕在响应式网格中分别是可独立滚动、并排的列。当浏览器宽度减小到某个阈值以下时，两列会堆叠在一起，只有一个整页滚动。

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

【问题讨论】：

标签： html css twitter-bootstrap scrollable

【解决方案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>

【讨论】：

正是我的想法