html - 如何在 Bootstrap 中添加带有文本字段的按钮？

Question

我有下面写的代码，但我想要添加一个带有文本字段的按钮，该按钮和文本字段之间没有间隙。我应该如何更改此代码？

<div class="panel panel-default">
<div class="panel-footer">

        <form>
            <div >
                <input id="address" type="email" placeholder="Add your email address" class="form-control" >
                <button class="btn btn-default" type="button" id="addressSearch" style="background-color:#8c6666 "><font color="#ffffff" >Subscribe</font></button>

            </div>

        </form>     
</div>

Answer 1

这是我做的:

<div class="container-fluid">&nbsp;
    <div class="row">
        <div class="col-sm-6">
            <div class="panel panel-default">
                <div class="panel-footer">
                    <div class="input-group">
                        <input id="address" type="email" placeholder="Add your email address" class="form-control" /> <span class="input-group-btn">
        <button class="btn btn-warning" type="button" id="addressSearch">Subscribe</button>
      </span>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Here is JSfiddle demo