如何删除card bootstrap 4中的多余空间

在Bootstrap 4中，要删除card组件中的多余空间，可以采取以下几种方法：

1. 使用内置的spacing类：Bootstrap 4提供了一系列的spacing类，可以用于控制元素之间的间距。在card组件中，可以使用m-0类来移除外边距，使用p-0类来移除内边距。例如：

<div class="card m-0 p-0">
  <!-- card内容 -->
</div>

1. 自定义CSS样式：如果需要更精确地控制card组件的间距，可以通过自定义CSS样式来实现。可以通过设置margin和padding属性为0来移除外边距和内边距。例如：

<style>
  .card {
    margin: 0;
    padding: 0;
  }
</style>

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

1. 使用card-deck或card-columns布局：Bootstrap 4提供了card-deck和card-columns两种布局方式，可以在一定程度上减少card组件之间的间距。card-deck会将card组件水平排列，并自动调整宽度，而card-columns会将card组件以多列方式排列。例如：

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

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

以上是删除card组件中多余空间的几种方法，根据实际需求选择适合的方式即可。如果你想了解更多关于Bootstrap 4的内容，可以参考腾讯云的Bootstrap 4产品介绍页面：Bootstrap 4 - 腾讯云。