垂直对齐 Bootstrap 中的内容 4 - 如何防止移动设备上的水平溢出？

Question

我在登录表单上的注册页面上遇到问题 - 我使用 Bootstrap 4 提供的 Flex 和 Vertical Align 类 使我的 div 垂直居中。

它在平板电脑和更大的设备上运行完美，但我遇到了内容在移动设备上溢出的问题：

有人知道解决这个问题的方法吗？或者我会更好地使用不同的方法来对齐我的内容吗？

这里是 link 到有问题的页面：http://shaneprice.co.uk/horizontal-overflow/

在此先感谢您对此问题的支持。

Answer 1

将 class py-auto 添加到您的内容中。

如果您想知道，py 表示 padding-top/padding-bottom

Reference

Answer 2

这也行

.panel-logo img {
    width: 100%;
    max-width: 250px;
}