如何让bootstrap内容容器流体内的内容适合剩余的视口并滚动其他内容?

时间:2015-08-05 22:06:28

标签: css twitter-bootstrap twitter-bootstrap-3

Bootply:http://www.bootply.com/WhTXWWl8EP

如果它溢出viewportheight,我似乎无法将所有内容强加到.container-fluid中滚动。理想情况下,容器流体将填充导航下方的区域,如果任何子元素溢出,则使用它们的正确溢出。相反,容器流体的高度增加

在bootply示例中,panel-body应该通过滚动溢出。

1 个答案:

答案 0 :(得分:0)

由于.panel-body是设置为溢出的:滚动,那么你应该在该类上设置高度。 我在CSS中添加了以下内容,并开始滚动列表。

.panel-body { height: 10vw; }