我在 Bootstrap4 上做错了什么？答案

【问题标题】：What am I doing wrong with Bootstrap4?我在 Bootstrap4 上做错了什么？
【发布时间】：2019-11-19 06:29:15
【问题描述】：

我正在为 MVC 网站构建一个应用程序页面，我想在移动设备上做出响应。

问题是在一个部分中我似乎获得了额外的边距......

这是我目前拥有的......

它来自以下 HTML....

这两个输入应该排在同一条线上，我对为什么这不起作用......

谢谢。

【问题讨论】：

这些是form-group 和col-x 类附带的默认额外填充/边距。您可能想要添加像 p-0 m-0 这样的实用程序类来将填充和边距设置为零。或p-1 将内边距设置为大约 16 像素。额外信息 --> getbootstrap.com/docs/4.1/utilities/spacing/#notation
也感谢您的回答。虽然 Galanthus 的回答是有效的 - 我很高兴知道填充的来源。

【解决方案1】：

首先，从一开始就使用 Bootstrap 多年。你永远不应该在列上放置类。这会弄乱 Bootstrap 网格 CSS 属性和样式，导致这样的事情发生。

最好做到以下几点：

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

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

在col-md-10 之后添加<div class="row"> 并重试。

【讨论】：