如何在 twitter-bootstrap 流体布局中创建多个可滚动部分

Question

我正在为我的网站使用 Twitter 的 Bootstrap 流畅布局。我有一个折叠/展开手风琴，在其中一个部分内，我有三列我想分别滚动。这些列当前扩展到其内容的完整高度，但我希望它们扩展到视口（可查看页面）并显示滚动条以到达其余部分（当它尚未全部可见时）。

如果我将列设置为：overflow: auto;height: 500px;，则会显示滚动条

我不想设置高度；但是，我希望将其设置为适合视口的任何内容。

我知道您可以将 div 的高度设置为 100% 以扩展至视口；但是，它必须取决于包含元素的高度。我不确定如何在 Bootstrap 中处理这个问题。

Answer 1

如果您在加载后调整大小，appart $('#collapseOne').on('shown', sizing()); 无法正确调整大小。

这在桌面上运行得非常好。

http://jsfiddle.net/baptme/MwzvD/17/