使用bootstrap 4将表单放在卡片类的左侧和右侧

使用Bootstrap 4将表单放在卡片类的左侧和右侧，可以通过以下步骤实现：

首先，确保你已经引入了Bootstrap 4的CSS和JavaScript文件。
创建一个卡片容器，可以使用Bootstrap提供的.card类。例如：

<div class="card">
  <div class="card-body">
    <!-- 表单内容将放在这里 -->
  </div>
</div>

在卡片容器内部创建两个列，一个用于放置表单，另一个用于放置其他内容。可以使用Bootstrap的栅格系统来实现。例如，将表单放在左侧，其他内容放在右侧：

<div class="card">
  <div class="card-body">
    <div class="row">
      <div class="col-md-6">
        <!-- 表单内容将放在这里 -->
      </div>
      <div class="col-md-6">
        <!-- 其他内容将放在这里 -->
      </div>
    </div>
  </div>
</div>

在上面的示例中，使用了.col-md-6类将卡片容器的宽度分为两列，每列占据50%的宽度。

在左侧列中添加表单内容。可以使用Bootstrap提供的表单组件来构建表单。例如，添加一个输入框和一个提交按钮：

<div class="col-md-6">
  <form>
    <div class="form-group">
      <label for="inputName">姓名</label>
      <input type="text" class="form-control" id="inputName" placeholder="请输入姓名">
    </div>
    <button type="submit" class="btn btn-primary">提交</button>
  </form>
</div>

在上面的示例中，使用了.form-group类来包裹表单元素，并使用.form-control类来设置输入框的样式。