响应 Bootstrap Material 的问题：剩余 space 太多

Question

所以这个页面有问题：

我正在使用 bootstrap-material-design

问题是当我进入移动视图时，一侧有太多 space，右侧所有页面高度如屏幕截图所示：

桌面

手机

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

Answer 1

发生这种情况是因为您在表单中使用 class form-inline

提供了内联样式 width: 500px

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

.form-inline {
width: 500px
}

在此之后为小型设备创建一个 media query，如下所示：

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

希望对你有所帮助。