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

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1ea285b-1be2.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1ea285b-1be2.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?