Html 响应引导材料存在问题：剩余空间过多

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

我正在使用

问题是当我使用移动视图时，页面的一侧、右侧和所有高度都有过多的空间，如屏幕截图所示：

桌面

可移动的

---

所以我用

max width:100%

检查了所有内容，但我找不到为什么会发生这种情况。任何帮助都将不胜感激。

发生这种情况是因为您使用类

表单内联
在表单中提供内联样式
宽度：500px

.form-inline {
width: 500px
}

删除此项并将其添加到类
表单内联

.form-inline {
width: 500px
}

在此之后，按如下方式为小型设备创建一个：

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

我希望这能帮助您。
您能给我们看一下您的代码，以便我们能帮助您吗？