如何在bootstrap 4卡上添加边框

在Bootstrap 4卡片上添加边框可以通过以下步骤实现：

1. 首先，确保你已经引入了Bootstrap 4的CSS文件和相关的JavaScript文件。
2. 在HTML文件中，创建一个卡片元素，可以使用<div>标签，并添加card类名，如下所示：

<div class="card">
  <!-- 卡片内容 -->
</div>

1. 如果你想要添加边框，可以在卡片元素上添加border类名，如下所示：

<div class="card border">
  <!-- 卡片内容 -->
</div>

1. 如果你想要自定义边框的样式，可以使用Bootstrap 4提供的边框类名，例如border-primary、border-secondary等。这些类名可以为卡片添加不同颜色的边框，如下所示：

<div class="card border-primary">
  <!-- 卡片内容 -->
</div>

1. 如果你想要添加圆角边框，可以在卡片元素上添加rounded类名，如下所示：

<div class="card border rounded">
  <!-- 卡片内容 -->
</div>

1. 如果你想要添加阴影效果，可以在卡片元素上添加shadow类名，如下所示：

<div class="card border rounded shadow">
  <!-- 卡片内容 -->
</div>

以上是在Bootstrap 4卡片上添加边框的基本步骤。你可以根据需要自定义边框的样式、颜色和效果。如果你想了解更多关于Bootstrap 4卡片的用法和相关的腾讯云产品，可以参考腾讯云开发者文档中的相关内容：Bootstrap 4卡片。