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

Question

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

它在平板电脑和更大的设备上运行良好，但我对移动设备上溢出的内容有疑问：

有没有人知道这方面的解决方法？或者我会更好地使用不同的方法来调整我的内容？

以下是相关网页的链接：http://shaneprice.co.uk/horizontal-overflow/

提前感谢您对该问题的任何支持。

Answer 1

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

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

Reference

Answer 2

这也会起作用

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