I've got a search box I want to align to the right side of the page. To the right I want the "GO" button to search. I'm using pull-right which works fine on large screens however when it scales down, the button drops below the input field. What's the best way to fix this?

```
     <div class="col-sm-12">
        <div class="clearfix pull-right">
            <form method="get" action="" name="searchForm">
                <div class="form-group form-inline">Keyword Search: <input class="form-control" type="text" name="search" value=""> 
                    <input type="button" onclick="document.searchForm.submit()" value="Go" class="btn btn-primary">
                </div>
            </form>
         </div>
      </div>

```

Large Screen

[![Large Screen correct](https://i.stack.imgur.com/mF48o.png)](https://i.stack.imgur.com/mF48o.png)

Small Screen (wraps)

[![enter image description here](https://i.stack.imgur.com/MZfum.png)](https://i.stack.imgur.com/MZfum.png)