Fatal编程技术网
  • bootstrap-4/
  • Bootstrap 4 Bootstrap 4使用卡柱跨越多个柱的砌体项目

Bootstrap 4 Bootstrap 4使用卡柱跨越多个柱的砌体项目

bootstrap-4

Bootstrap 4 Bootstrap 4使用卡柱跨越多个柱的砌体项目,bootstrap-4,Bootstrap 4,我正在阅读bootstrap4使用卡片列的布局，它工作得很好，但是砖石项目也可能跨越多个列吗？现在，似乎每个项目都被限制在自己的列中，而没有跨越两列或更多列的灵活性。我画了一个小草图，以便更好地澄清我的问题： 在此草图中，您可以看到蓝色项目跨越多个列，而其他项目位于各自的列中。我查看了column countCSS属性，但我不确定这在这种情况下有何帮助。那么，使用卡列的Bootstrap 4砌体网格布局是否可能实现这一点呢？谢谢你的帮助 我明白了。我只需要嵌套另一个卡片列，它就可以工作了 .c

我正在阅读bootstrap4使用
卡片列的布局，它工作得很好，但是砖石项目也可能跨越多个列吗？现在，似乎每个项目都被限制在自己的列中，而没有跨越两列或更多列的灵活性。我画了一个小草图，以便更好地澄清我的问题：




在此草图中，您可以看到蓝色项目跨越多个列，而其他项目位于各自的列中。我查看了
column count
CSS属性，但我不确定这在这种情况下有何帮助。那么，使用
卡列的Bootstrap 4砌体网格布局是否可能实现这一点呢？谢谢你的帮助
 我明白了。我只需要嵌套另一个
卡片列
，它就可以工作了


.card-columns
  .card // Item 1
  .card // Item 2
  .card-columns // Item 3 and 4 card-columns wrapper
    .card // Item 3
    .card // Item 4
  .card // blue item



这些物品的高度都一样吗？如果是，则不需要使用卡片列/MACONTRY