小编Kho*_*har的帖子

如何在 Bootstrap 卡之间添加垂直间距

我正在使用 boostrap 卡，以下是我目前的样子：

现在我想做的是在卡片之间添加垂直空间，这样卡片 1 和卡片 3 不会像卡片 2 和卡片 4 一样粘在一起。

以下是我目前拥有的卡的代码和设置：

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
  <div class="row">
    <div class="col-sm-6">
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">CARD 1</h5>
          <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
          <a href="#" class="btn btn-primary">Go somewhere</a>
        </div>
      </div>
    </div>
    <div class="col-sm-6">
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">CARD 2</h5>
          <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
          <a href="#" class="btn btn-primary">Go somewhere</a>
        </div>
      </div>
    </div>
    <div class="col-sm-6"> …

Run Code Online (Sandbox Code Playgroud)

html bootstrap-4

Kho*_*har

2019 05-17

4
推荐指数

1
解决办法

3097
查看次数