Bootstrap 4卡座中的固定卡数

时间:2018-07-31 15:09:59

标签: bootstrap-4

在Bootstrap 4中,我可以定义连续只有两张(或更少)卡的卡组吗?

示例:

第一+第二

第3 +第4

第5 +第6

第7

连续的所有卡片应具有相同的高度。但是每一行都可以具有不同的/单独的高度。

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

1 个答案:

答案 0 :(得分: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} ...

每行两张卡片。所有卡片(在给定行内)具有相同的高度。很好。