Bootstrap 排列表单元素答案

【问题标题】：Bootstrap Lining Up Form ElementsBootstrap 排列表单元素
【发布时间】：2016-09-15 16:14:11
【问题描述】：

我创建了一个 Bootply 来显示我遇到的问题：http://www.bootply.com/8fPmr31Wd7

向下滚动查看“人物”和“地点”，发现它们沿两侧缩进。

也许我没有使用正确的类，或者网格存在错误，但是如果您在表单中使用网格命令，它会导致网格中的元素在每个侧边，并没有与表格的其余部分正确对齐。

我知道 Bootstrap 4 正在测试中，但我不知道这是一个错误还是我缺少的东西，所以我想我会问。谢谢。

【问题讨论】：

仍然有兴趣知道是否有对此的实际答案。这是我的临时解决方法：.no-gutter > [class*='col-'] { padding-right:0; padding-left:15px; }.no-gutter > [class*='col-']:first-child { padding-right:0; padding-left:0; }
您不应该像这样修改 CSS，这类似于破解一些引导网格系统 - 它更多的是标记的结构问题。看我的回答:)

【解决方案1】：

您的网格行不包含所有其他表单行的任何列，并且您将列用于“人员”和“地点”表单元素组。

如果您在其他行中添加一个 12 单位宽的列，根据Best practice for single column within row in bootstrap v3 grid system? 的最佳答案，您在网格中的水平间距将保持一致。

【讨论】：

谢谢！出于某种原因，我没有收到任何关于我得到答案的通知。我已将您的答案选为最佳答案。当你这样说时，它是有道理的！是的，我的“破解”只是暂时的，因为我认为我不会得到答案。再次感谢！