Twitter bootstrap 使用引导时，如何将电子邮件条目附加到按钮

我正在尝试创建一个订阅按钮，允许客户输入他们的电子邮件，如图所示

假设您使用的是Bootstrap4.X，如果您在输入和按钮周围创建了一个控件，那么这将创建您想要的结果

HTML:

到Bootstrap的输入组按钮插件示例

---

是一个JSFIDLE示例，如果您需要它

请发布所有相关的markupI，我也看到Bootstrap 3.X也有这个功能。

      <div class="signup text-center">
          <h4>JOIN OUR MAILING LIST!</h4>
              <input type="email" id="myEmail" value="enter your email">
              <button onclick="myFunction()" class="btn btn-light-orange btn-sign">SUBSCRIBE</button> 




         .btn.btn-sign{
          padding: 1px 15px;

          border-radius: 0;
          font-family: 'Open Sans', sans-serif;
          font-size: 20px;
          font-weight: 600;

<div class="signup text-center">
     <h4>JOIN OUR MAILING LIST!</h4>
     <div class="input-group justify-content-center">
         <input type="email" id="myEmail" value="enter your email">
         <button onclick="myFunction()" class="btn btn-light-orange btn-sign">SUBSCRIBE</button>
     </div>
</div>

.btn.btn-sign{
    padding: 1px 15px;

    border-radius: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
}