Html 一行中的卡引导4

我正在尝试将我的卡（面板）设置为彼此相邻，并使用mdbootstrap.com上的模板

我的代码：

<div class="row">
      <div class="col-md-12">


  <div class="card mdb-color lighten-2 text-center z-depth-2">
              <div class="card-body">
                  <p class="white-text mb-0"> <?php echo convertCurrency("1.00", "POUND", "DOLLAR");
                   ?>.</p>
              </div>
          </div>
<Br>
<div class="card mdb-color lighten-2 text-center z-depth-2">
            <div class="card-body">
                <p class="white-text mb-0">btc<i class="fa fa-bitcoin" aria-hidden="true">
</i> = <?php echo $info['rate'];
                 ?></p>
            </div>
        </div>

      </div>
    </div>

btc
=

我试着给它一个类的d-内联，但它不工作

---

我正在使用的卡片

一种方法是将两张卡片放在两个单独的列中，每一列都是，即每个盒式卡片都应该放在一个div中，class

col-md-6

下面的代码显示了两张卡片，并排在桌面浏览器窗口大小中

文本

为了防止有人看到这一点，一个简单的方法是使用card deck类。例如：

<div class=card-deck>
<!-- First Card -->
<div class="card">
<div class="card-title>Title here</div>
<div class="card-body">Body here</div>
</div>
<!-- Second Card -->
<div class="card">
<div class="card-title>Title here</div>
<div class="card-body">Body here</div>
</div>
</div>

为什么你的代码中有一个<代码> BR> ？你能把你的CSS发布到这个代码中吗？请创建一个可运行的例子，这样我们就可以实际帮助了。有你？有几种方法可以做到这一点。。使用网格、使用弹性行、卡片组、卡片组等。。。