bootstrap-4 - Bootstrap 4 卡片组中的固定数量的卡片

Question

在 Bootstrap 4 中，我可以定义一个只有两张（或更少）连续卡片的卡片组吗？

例子：

第 1 次 + 第 2 次

第三+第四

第 5 次 + 第 6 次

7日

一行内的所有卡片应具有相同的高度。但是每一行都允许有不同的/单独的高度。

我检查了这两个相关的问题，但没有一个真正解决了我的需求：

• 如何使用固定宽度的卡片制作 Bootstrap 4 卡片组？
• Bootstrap 4中每个卡片组的卡片数量限制

标签： bootstrap-4bootstrap-cards

Answer 1

所以，这对我有用：

 <div class="row">
      <div class="col-6 h-100 mb-3">
            <div class="card">
              ...
            </div>
      </div>
      <div class="col-6 h-100 mb-3">
            <div class="card">
              ...
            </div>
      </div>
      ... {repeat} ...

每行两张牌。所有卡片（在给定行内）具有相同的高度。非常好。