如何将<input>标签放入bootstrap 4表格内嵌的额外div中？

<div class="table-responsive">
  <table class="table">
    <thead>
      <tr>
        <th>#</th>
        <th>名称</th>
        <th>操作</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>1</td>
        <td>
          <div class="input-group">
            <input type="text" class="form-control" placeholder="请输入名称">
          </div>
        </td>
        <td>
          <button class="btn btn-primary">保存</button>
          <button class="btn btn-danger">删除</button>
        </td>
      </tr>
      <!-- 其他行 -->
    </tbody>
  </table>
</div>