引导 3 面板移动滚动/响应能力

Question

这是我的问题：我正在尝试实现一个包含用户列表的引导程序 3 面板。此列表位于另一个引导程序 3 面板中。看这里：https://jsfiddle.net/gwnyyvaa/

ok some apparently some code is needed here

现在的问题是，在移动设备上，它不允许滚动。我希望它允许滚动，因为移动屏幕很小，无法在一页上显示它。

谢谢！

Answer 1

如果面板中显示的文本过多，Bootstrap 不会自动使面板滚动。所以你应该添加一些CSS来自己做这件事。以下是您需要添加的 CSS：

.users_list .panel-body {
    overflow-x: auto;
}

如果文本溢出容器，这将导致.user_list的.panel-body水平滚动。

这是添加上述CSS的小提琴：https://jsfiddle.net/89cpmctt/1/

如果您希望它垂直滚动，则必须为面板指定高度。这是因为div 将垂直扩展以适应内容。因此，您需要将height属性添加到.panel-body。连同overflow-y:auto.这是一个例子

.panel-body {
    height: 500px;
    overflow-y: auto;
}