Twitter bootstrap 引导卡作为超链接和按钮？

我正在创建一个应用程序，需要一个卡作为超链接以及一个单独的按钮。 所以，当我点击卡片时，它必须是超链接 当我点击按钮时，它必须触发另一个事件。。我该怎么做

下面是我的代码

<div class="" style="background-color:#F2F3F7;">
    <div class="container">
        <div class="card-deck">
          <a href= "#" class="card mb-3">
            <b-img-lazy class="card-img-top" src="#" alt="Card image cap" />
            <div class="card-body">
              <h5 class="card-title">Bummy</h5>
              <p class="card-text">Lorem Ipsum</p>
            </div>
            <div class="card-footer text-muted bg-white">
              <b-button size="sm" class="btn-block get-quotes">Click me</b-button>
            </div>
          </a>         
        </div>
    </div>
  </div>

你需要这样吗

a{
文字装饰：无！重要；
颜色：继承！重要；
}

z索引属性是“z索引较大的重叠元素覆盖了z索引较小的元素”。因此，请尝试：

点击我

它应该会起作用

<b-button size="sm" class="btn-block get-quotes" style="z-index: 99;">Click me</b-button>