文本 - 输入框 - 搜索按钮保持在同一行

Question

bootply（http://bootply.com/99121#）

我需要“文本 - 输入框 - 搜索按钮”放置在一行内联，但它显示垂直和奇怪的视图。

Answer 1

只需更改此HTML：

<div class="btn-group">
    <input name="stx" class="form-control" required="" type="text" size="15" maxlength="15" value="" itemname="search">
    <button class="btn btn-primary">search</button>
</div>

到此：

<div class="btn-group">
    <input name="stx" class="form-control" required="" type="text" size="15" maxlength="15" value="" itemname="search">
</div>
<button class="btn btn-primary">search</button>

DEMO