bootstarp中的form表单怎么把txt和buttun置为同一行

Question

<div class="col-sm-2 pull-right">
<div class="input-group">
 <form class="form-horizontal" id="jsStayForm" method="post" action="{% url 'pro1:gamesearch' %}">
    <input type="text" placeholder="Search" class="input-sm form-control" name="keywords" id="keywords">
    <span class="input-group-btn">
    <button type="submit" class="btn btn-sm btn-primary"> Search!</button>
{#                                <button type="button" class="btn btn-sm btn-primary" id="keywordsid" onclick="objSearch(this)"> Go!</button>#}
    </span>
     {% csrf_token %}
 </form>
</div>

现在的前端显示为

怎样把这两个置为同一行的？

Answer 1

给form加个 class form-inline