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

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

<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>

<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>