Css Bootstrap4有什么问题吗？

我正在为一个MVC站点构建一个应用程序页面，我希望它能在移动设备上响应

问题是，在某一部分中，我似乎获得了额外的利润

这就是我现在拥有的

它来自下面的HTML

这两个输入应该排在同一条线上，我对为什么这不起作用几乎束手无策

---

谢谢。

首先，在使用Bootstrap多年之后。你永远不应该把类放在列上。这将打乱引导网格CSS属性和样式，导致类似的事情发生

最好执行以下操作：

<div class="col-sm-4">
    <div class="form-group">
    </div>
</div>

其次，我注意到嵌套列时没有将嵌套列包装到另一行中

---

在

col-md-10

之后添加

，然后重试。

这些是

表单组和
col-x
类附带的默认额外填充/边距。您可能需要添加诸如
p-0 m-0
之类的实用程序类，以将填充和边距设置为零。或
p-1
将填充设置为约16px。额外信息-->也感谢您的回答。加兰图斯的回答是什么起了作用——我很高兴知道填充物是从哪里来的。天哪，谢谢你这么做！我是非常新的前端布局，你可以看到。同时也感谢大家对div表单组的建议-我也会补充这一点。我永远欢迎最佳实践。非常欢迎您。我很高兴能帮助你！记住，永远不要忘记永远不要在网格类、列、行或容器上添加类。只有在容器、行和内部类之后。这将铭刻在我的记忆中，在我去改变30个左右的其他类似字段之后，我不应该做什么。。。。。