twitter-bootstrap - ブートストラップ グリッド調整

Question

以下のスクリーンショットをご覧ください。ブラウザで表示する場合、これらの 2 つのボタンを右隅に重ねたいと思います。ブラウザーを縮小しても、それらを隣り合わせにしたいのですが、それらは互いに重なり合っています。

<div class="container">
    <div class="row">
        <div class="col-xs-12 col-md-8">
             <H1 class="title">New Business</H1></div>
            <div class="col-xs-6 col-md-4"><H5 class="title" > Test Name </H5></div>
    </div>
</div>
<div class="container">
    <div class="row">
      <div class="col-xs-12 col-sm-6 col-md-8">
        <button type="button" class="btn btn-default btn-lg">
        <span class="glyphicon glyphicon-log-out"></span> LogOut
        </button>
     </div>
      <div class="col-xs-6 col-sm-6 col-md-4">
      <button type="button" class="btn btn-default btn-lg">
        <span class="glyphicon glyphicon-log-out"></span> LogOut
      </button>

      </div>
    </div>
</div>