html - 响应式 Bootstrap Material : Too much space left 的问题

Question

所以我对这个页面有问题:

我正在使用 bootstrap-material-design

问题是当我进入移动 View 时，一侧有太多空间，右侧是页面的所有高度，如屏幕截图所示:

桌面

手机

所以我用 max-width: 100% 检查了所有内容，但我找不到为什么会这样。任何帮助将不胜感激。

Answer 1

发生这种情况是因为您在带有类 form-inline 的表单中提供了内联样式 width: 500px

删除它并将其添加到类 form-inline

.form-inline {
width: 500px
}

在此之后创建一个 media query对于如下小型设备:

@media (min-width: 576px) {
 .form-inline {
  width: 100%
}
 }

希望对你有帮助。