How the form form in bootstarp sets txt and buttun on the same line

<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>
{-sharp                                <button type="button" class="btn btn-sm btn-primary" id="keywordsid" onclick="objSearch(this)"> Go!</button>-sharp}
    </span>
     {% csrf_token %}
 </form>
</div>

the front end is now displayed as

clipboard.png

how do you put these two on the same line?

May.12,2021

add a class to form form-inline

Menu