ウィンドウを小さくしたときにボタンが下になってしまう。

チャットアプリを作成しています。テキストを送信する欄を画面の一番下に作成して、その横に送信ボタンを付けています。問題は、ウィンドウを小さくしたときに、送信ボタンがテキスト欄の下になってしまうことです。チャット欄を一番下に固定するために、navbar-fixed-bottomを使用しています。bootstrapp3なので、一番下に固定する方法がこれしか思いつきませんでした。bootstrap4では下に固定するclassがあるみたいです。bootstrap3を使って、ボタンが下にならないようにするにはどうすればよいでしょうか？横並びにするために、gridシステムとform-inlineを使っています。

_message_form.html.erb

html
1<nav class="navbar navbar-default navbar-fixed-bottom message_form">
2	<div class="container">
3		<div class="row">
4      <div class="col-xs-10">
5        <form class="form-inline">
6          <input type="hidden" id="user_name" value="<%=current_user.name%>">
7          <textarea id="speaker" class="form-control speaker_txt" data-behavior="room_speaker"><%= cookies[:speaker] %></textarea>
8          <button class="btn btn-default chat_sendbtn" type="submit">送信</button>
9        </form>
10      </div>
11      <div class="col-xs-2">
12        <div style="margin-top:1.5rem;">
13          <a class="latest" href="#bottom">最新</a>
14        </div>
15      </div>
16    </div>
17  </div>
18</nav>