可以使用以下Bootstrap 4修饰符类：
1.将d-flex加到.card-body
1.将flex-column加到.card-body
1.将mt-auto添加到嵌套在.card-body中的.btn
fiddle
有关Bootstrap 4的flexbox修改类的完整列表，请参考this page。

类似的问题还有answered here。
只需将align-self-end类添加到item中，以在底部对齐。
https://www.codeply.com/go/Fiorqv1Iz6

<div class="card-body d-flex flex-column">
            <h1 class="card-title pricing-card-title">$15 <small class="text-muted">/ mo</small></h1>
            <ul class="list-unstyled mt-3 mb-4">
              <li>20 users included</li>
              <li>10 GB of storage</li>
            </ul>
            <button type="button" class="align-self-end btn btn-lg btn-block btn-primary" style="margin-top: auto;">Get started</button>
     </div>

默认情况下，card是display：flex，但card-body不是。因此，您需要将d-flex flex-column添加到card-body。这将使flexbox对齐类工作。
另一个选择是使用mt-auto（自动顶部边距）的按钮，这将推动它到卡的底部。

将.card-body div设置为display:flex与flex-direction:column .
然后给予按钮margin-top:auto。
我想有引导帮助类。
第一个

使用页脚，它已经为您设置了所有内容。

<div class="card-deck">
<div class="card">
   <div class="card-body">
      <h4 class="card-title">Title goes here</h4>
      <p class="card-text">Ut leo enim, fermentum fermentum tempor sit amet, vehicula in felis. Pellentesque a arcu augue. Nam eu malesuada lorem. Curabitur et molestie lacus.</p>
   </div>
   <div class="card-footer text-muted mx-auto">
      <button type="button" class="btn btn-sm btn-outline-secondary">Click me!</button>
   </div>
</div>

然后，您可以选择性地设定card-footer项目的样式。

.card-footer {
  background: transparent;
  border-top: 0px;
}

演示：https://jsfiddle.net/rustynox/203zwyq6/

在卡片中添加页脚

您可以为每张卡片设置页脚，如下所示：

<div class="card-footer">
   <button type="button" class="btn btn-primary btn-sm btn-block" onclick="location.href = '';">BUY NOW </button>
</div>

用包含类的div标签将卡片中的按钮括起来，并使用mt-auto

<div class="d-flex flex-row justify-content-center mt-auto">
<a href="#" target="_blank" target="_blank" type="button" class="btn btn-primary mr-3">GitHub</a>     
</div>

Flex是您的朋友

类似这样的东西会产生魔力：
第一个

示例为（d-flex伸缩柱）

<div class="col-md-6 col-lg-6 col-sm-6 col-xl-4" style="float:right">

            <div class="bg-white d-flex flex-column" style="width:100%;height:530px;border:1px solid #808080;border-radius:10px;padding:15px;float:right;margin:10px;">
                <div class="card-body">
                    <h5 class="card-title" style="padding:0px 0px 20px 0px;text-align:center;border-bottom:1px dashed #000000">@item.SiteName</h5>
                    <button type="button" class="btn btn-primary" style="margin:10px;width:94%">آدرس سایت : @item.SiteUrl</button>
                    <button type="button" class="btn btn-secondary" style="margin:10px;width:94%">رتبه الکسا : @item.SiteAlexa</button>
                    <button type="button" class="btn btn-success" style="margin:10px;width:94%">اتوریتی : @item.MozAutoraty</button>
                    <button type="button" class="btn btn-danger" style="margin:10px;width:94%">لینک : @item.LinkToYou</button>
                    <button type="button" class="btn btn-warning" style="margin:10px;width:94%">اسپم اسکور : @item.SpamScore</button>
                    <button type="button" class="btn btn-info" style="margin:10px;width:94%">قیمت : @item.Price</button>
                </div>
                <a href="/Home/About/@item.SiteId" class="btn btn-primary btn-lg btn-block">توضیحات رسانه</a>
            </div>
        </div>

这个问题主要是卡片的文字不均匀造成的，所以我找了两个小时，最好的答案就是在文字比较少的卡片上加上这一行：

<p class="invisible" > invisible</p>

我知道这不是解决问题的好方法，但这是我发现的最简单的方法。