Twitter bootstrap 在不同的断点将引导列上移到前一行?

Twitter bootstrap 在不同的断点将引导列上移到前一行?,twitter-bootstrap,grid,Twitter Bootstrap,Grid,我已经阅读了Bootstrap在网格上的文档-我可能遗漏了一些东西,但我看不到一种方法来做到这一点 我有一个包含三列的行(每个列都是col-lg-4)——我想在col-md断点(col-md-6)处将其重新组织为两列,但最后在第三个col-元素旁边出现了空白(因为该行包含三个col-元素) 我已经包括了一个信息图表来说明我的意思 有没有一种方法(自举的原生方法)可以将下一行的内容带到上面来填充这个空白? 您的解释是正确的,但您的html结构似乎有问题 我为您创建了一个示例,向您展示一个可能的解决

我已经阅读了Bootstrap在网格上的文档-我可能遗漏了一些东西,但我看不到一种方法来做到这一点

我有一个包含三列的行(每个列都是col-lg-4)——我想在col-md断点(col-md-6)处将其重新组织为两列,但最后在第三个col-元素旁边出现了空白(因为该行包含三个col-元素)

我已经包括了一个信息图表来说明我的意思

有没有一种方法(自举的原生方法)可以将下一行的内容带到上面来填充这个空白?
您的解释是正确的,但您的html结构似乎有问题

我为您创建了一个示例,向您展示一个可能的解决方案。以下是运行代码:

.row{
边缘顶部:20px;
}
.col-lg-4{
填充:10px;
}
.内山柱{
背景:#aaa;
颜色:#fff;
文本对齐:居中;
填充:100px 50px;
最小高度:200px;
}

col-md-4 col-lg-6
col-md-4 col-lg-6
col-md-4 col-lg-6
col-md-4 col-lg-6
col-md-4 col-lg-6
col-md-4 col-lg-6

我认为我误解了row元素的正确用法。我的行只包含三个col元素,而您的行封装了所有col元素,然后标记CSS以控制它们在不同断点处的行为,因此它们都有效地内联并根据CSS标识符折叠。非常感谢!嗯,这个解决方案确实有效,但它阻止我使用container fluid类为单独的行添加背景色以创建水平条带。我认为这是使用bootstrap的最大缺点之一(如果列具有不同的高度,它也会变得有趣)。我建议为这个问题提出一个新问题。我唯一的想法是将样式应用于类似
.col-lg-4:nth child
()的内容,这样您就可以为大型设备选择单行。并使用
.col-md-6:nth child
用于中型设备。非常感谢。我现在得把这个留下。