Bootstrap3行被推到两行

Question

这不完全是我的代码的例子，但为了一个例子，我有一个3列布局，第一列是col-md-3，在里面我有3个列，一个是{{ 1}}。但是，因为col-md-1的宽度小于填充（30px），所以右边的列现在被推到第二行。

查看我的示例，拉出分隔符，直到您处于桌面模式，并注意蓝色列现在是如何在一个单独的行上：

http://plnkr.co/edit/pQyjbrd7v4dWN4Ffkq9b?p=preview

这是否意味着我不能拥有那么小的专栏？我来自Bootstrap 2.x，其中span1的宽度为左边缘，所以它曾经工作正常。

Answer 1

对你的问题的简短回答是“正确，不能有一个小的专栏”。为了您的目的，在“3”侧栏中不能有“1”大小的列。数学上，您尝试显示的小列仅为可用页面布局的2％（即25％的8.3％）。在Bootstrap 3 cols的顶部有一个15px的左右填充，有效地消除了2％。这就是为什么你通过我的代码测试看到它在任何小于1410像素的地方都很有趣。我不知道你要做什么，但是对于这么小的一页，网格可能不是正确的方法。