Twitter bootstrap 3 Bootstrap3行被推到两行

Twitter bootstrap 3 Bootstrap3行被推到两行,twitter-bootstrap-3,Twitter Bootstrap 3,这并不完全是我的代码,但是为了举例,我有一个3列的布局,第一列是col-md-3,在里面我还有3列,其中一列是col-md-1。但是,由于col-md-1的宽度小于padding 30px,因此其右侧的列现在被推到第二行 要查看我的示例,请拉动分隔符,直到您处于桌面模式,并注意蓝色列现在位于单独的行上: 这是不是意味着我不能有这么小的专栏?我来自Bootstrap 2.x,其中span1的宽度留有一个边距,因此它过去工作正常。您的问题的简短答案是正确的,不能有那么小的列。您不能在三面柱中设置一个

这并不完全是我的代码,但是为了举例,我有一个3列的布局,第一列是col-md-3,在里面我还有3列,其中一列是col-md-1。但是,由于col-md-1的宽度小于padding 30px,因此其右侧的列现在被推到第二行

要查看我的示例,请拉动分隔符,直到您处于桌面模式,并注意蓝色列现在位于单独的行上:


这是不是意味着我不能有这么小的专栏?我来自Bootstrap 2.x,其中span1的宽度留有一个边距,因此它过去工作正常。

您的问题的简短答案是正确的,不能有那么小的列。您不能在三面柱中设置一个大小为1的柱。计算结果是,您试图显示的小列仅占可用页面布局的2%,即25%的8.3%。在Bootstrap的顶部,3个col有一个15px左右的填充,有效地消除了2%的填充。这就是为什么我用你的代码进行测试时,你会发现它在小于1410像素的任何地方都很有趣。我不知道你想做什么,但网格可能不是一个正确的方式来为这么小的一部分页面