Css Bootstrap 3面板移动滚动/响应

这是我的问题：我试图实现一个包含用户列表的Bootstrap3面板。此列表位于另一个bootstrap 3面板中。 请看这里：

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

---

谢谢

如果面板中显示的文本太多，引导不会自动使面板滚动。因此，您应该添加一些CSS来自己完成这项工作。以下是您需要添加的CSS：

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

如果文本溢出容器，这将导致

.user\u list

的

.panel body

水平滚动

下面是添加的上述CSS的一个小摆设：

如果要垂直滚动，则必须为面板指定高度。这是因为div将垂直扩展以适应内容。因此，您需要向

.panel body

添加

height

属性。以及一个

溢出-y:auto

。这里有一个例子

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

---

我已经添加了代码，面板滚动良好。但是，只有父面板中的面板。包含所有内容的实际面板仍然无法滚动。我将尝试使用此溢出属性使其滚动。你知道可能是什么问题吗？谢谢你的帮助！我刚注意到你说的是水平的。我想垂直滚动。即使我将其更改为overflow-y，它仍然不起作用。这是我的问题：1个图像，显示整个面板：2个图像：显示已调整大小的面板。滚动条显示，但在按下按钮之前无法向下滚动，如图所示1@BusinessGuy如果要滚动，则必须在CSS代码中的

面板主体

中添加

高度

属性。当然还有

overflow-y:auto

。

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