鍍金池/ 問答/HTML/ bootstarp中的form表單怎么把txt和buttun置為同一行

bootstarp中的form表單怎么把txt和buttun置為同一行

<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>

現(xiàn)在的前端顯示為

clipboard.png

怎樣把這兩個(gè)置為同一行的?

回答
編輯回答
冷眸

給form加個(gè) class form-inline

2018年3月21日 07:01