卡片组（或任何卡片）大小不一样？ [复制]答案

【问题标题】：Card Deck (or any cards) are not the same size? [duplicate]卡片组（或任何卡片）大小不一样？ [复制]
【发布时间】：2018-09-06 17:19:32
【问题描述】：

我正在尝试为博客设置主题，并希望摘要卡片组的大小相同，无论其中包含什么内容。出于某种原因，我的卡片尺寸都不同（它们适合文本，而不是最大卡片的大小）。

我希望这是有道理的！

这是我正在尝试的简化版本...

<div class="container-fluid"> 
    <div class="card-deck">
        <div class="row">
            <div class="col"> 
               <div class="card">
                       <div class="card-body">                    
                        <p class="card-text">
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam accusantium, eligendi eaque et. Illo nihil magnam earum non! Laboriosam recusandae cumque, aut iste consequatur laborum facere tenetur quibusdam dolore possimus.
                        </p>                          
                    </div>              
                </div>
            </div> 
            <div class="col"> 
                <div class="card">
                    <div class="card-body">                     
                        <p class="card-text">
                        aut cum provident, blanditiis ex, aliquam nemo, delectus. Molestiae quasi amet qui saepe totam commodi illo provident!
                        </p>                          
                    </div>              
                </div>
            </div>              
        </div>
    </div> 
</div>

```

我确信这很简单，但我已经尝试了 2 天，哈哈。干杯！

https://ibb.co/cfSnC7 -- 一张图片

【问题讨论】：

这里没有使用card-deck，因为cards 包含在col 中。因此，需要使用h-100让每张卡片填满父列的高度。

标签： bootstrap-4

【解决方案1】：

当我遇到时，我通常通过将卡片高度设置为 100% 并将边距底部添加到父列来解决它，因为如果您将边距添加到卡片的内部，则会与下面的卡片（如果有的话）一起折叠。我不知道这是否是最好的方法，但对我有用。

CSS

/* Use a more specific selector so you don't target all cols and cards. */
    .col { 
      margin-bottom: 15px;
    }
    .card {
      height: 100%;
    }

对于博客，我通常使用 col-lg-4（以 4 为例）来避免 cols 内的内容不换行的一些问题。

【讨论】：

谢谢...成功了！