当窗口缩小时，如何在导航栏上创建搜索栏和搜索按钮？

Question

当我从右侧缩小窗口时，我希望搜索栏及其搜索按钮保持在一行中。当我现在变小时，搜索栏会下降到另一行，搜索按钮会进一步缩小。

以下是我的HTML：

＆＃13;

＆＃13;

   <ul class="nav nav-tabs">
      <a class="navbar-brand" href="/""><img src="logo.png"></a>
      <div class="input-group">
         <form id="search-form" class='form-horizontal' onsubmit="goSearch()" id="searchInputHere">
            <input type="text" placeholder="Search here."/>
            <button class="btn search-button form-control" type="submit" style="width:auto; float: right;"><i>BUTTON</i></button>
         </form>
      </div>
   </ul>

＆＃13;

＆＃13;

＆＃13;

当窗口较小时，我希望它们始终位于屏幕的顶行。