模态布局填充问题中的Bootstrap水平形式

Question

我遇到了在bootstrap v3中按照我想要的方式布置表单的问题。

请在此处查看我的示例代码（点击编辑以查看表单）：http://bootply.com/112023

我有一个里面有一个表格的模态。我正在尝试拆分行列，以便表单输入全部适合一行，以及正确间隔查看。我的问题是最后一个元素，“x”按钮继续移动到一个新行。为什么这样，我认为bootstrap要求行加起来为12，在这种情况下确实如此。我有一种感觉，我这样嵌套行可能会导致填充问题吗？

由于

Answer 1

使用Chrome开发工具，您可以看到模式中的第二个col-xs-6宽度为294像素。 Bootstrap类col-xx-1的含量为8％，应该是294px的25px左右。但是BS中的cols左右填充15px，所以即使你的'col-xx-1'元素的宽度为0，因为填充它们将增长到30px，这大于容器宽度的8％，这是为什么他们不适合。

解决方案是使用CSS减少这些元素的填充，不要单独依赖Bootstrap。