Twitter bootstrap 如何内联表单组和表单行类（引导4）中输入字段旁边的按钮？

我正在表单字段中努力使用引导类

当我想在输入字段旁边添加一个内联按钮时，它要么-在输入下方，要么不会保持内联（按行高）

我想在密码字段旁边有一个按钮。我已经在使用表单行和表单组类来组织输入，但不介意使用其他类，前提是效果与我现在的效果相同或相似

见下面的代码：

<div class="card mt-4">
  <div class="card-body">
    <form>
      <div class="form-row">
      <div class="form-group col-12 col-md-4">
        <label for="email">Email</label>
        <input type="email" class="form-control" id="email" placeholder="Email" autocomplete="off">
      </div>
      <div class="form-group col-12 col-md-4">
        <label for="password">Password</label>
        <input type="password" class="form-control mr-1" id="password" placeholder="Password" autocomplete="new-password">
          <div class="form-group input-group-btn col-12 col-md-4">
            <button type="button" class="btn btn-primary"> Go! </button>
          </div>
    </div>
  </div>
  </form>
  </div>
</div>

电子邮件
密码
走！

并链接到代码笔：

电子邮件
密码
走！