响应式引导材料的问题：剩余空间过多

Question

所以我对此页面有疑问：http://annuncicenter.altervista.org/fiverr/index.php

我正在使用bootstrap-material-design

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

桌面

移动

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

Answer 1

之所以会发生这种情况，是因为您在表单中使用类width: 500px赋予了内联样式form-inline

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

.form-inline {
width: 500px
}

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

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

希望对您有所帮助。