Twitter bootstrap 模式布局填充问题中的引导水平形式

我在BootstrapV3中以我想要的方式布局表单时遇到问题

请在此处查看我的示例代码（单击“编辑”查看表单）：

我有一个模态，里面有一个表单。我正在尝试拆分行和列，以便表单输入都适合一行，并且看起来间隔正确。我的问题是最后一个元素“x”按钮一直移动到新行。为什么会这样，我认为引导程序要求行数加起来为12，在本例中确实如此。我有一种感觉，我这样嵌套行可能会导致填充问题

---

感谢使用Chrome开发工具，您可以看到modal中的第二个

col-xs-6

的宽度为294px。引导类col-xx-1的最大值为8%，应该是294px中的25px。但是，BS中的col具有15px左右的填充，因此即使“col-xx-1”元素的宽度为0，由于填充，它们也会增长到30px，大于容器宽度的8%，这就是它们不适合的原因

解决方案是使用CSS减少这些元素的填充，而不是仅仅依靠引导