我在引导 v3 中以我想要的方式布置表单时遇到了问题。
请在此处查看我的示例代码（单击编辑以查看表单）： http://bootply.com/112023
我有一个内部带有表单的模态。我正在尝试拆分行列，以便表单输入全部适合一行，并且看起来间距正确。我的问题是最后一个元素，"x"按钮不断移动到新行上。为什么会这样，我认为引导程序需要行加起来为 12，在这种情况下确实如此。我有一种感觉，我以这种方式嵌套行可能会导致填充问题？
谢谢
使用 Chrome 开发工具，您可以看到模态中的第二个col-xs-6宽度为 294px。Bootstrap类col-xx-1的8%，应该是294px中的25px左右。然而，BS 中的 col 有 15px 左右填充，所以即使你的"col-xx-1"元素的宽度为 0，由于填充，它们也会增长到 30px，大于容器宽度的 8%，这就是它们不适合的原因。
解决方案是使用 CSS 减少这些元素上的填充，不要单独依赖 Bootstrap。