css - 入力グループ外の改行へのボタンの折り返しを停止する方法

Question

次のコードを検討してください。

<div class="col-xxs-12">
    <div class="input-group">
        <input type="text" class="form-control" placeholder="Search">
        <div class="input-group-btn">
            <button type="button" class="btn btn-default" tabindex="-1"><i class="icon-location-arrow"></i></button>
            <button type="button" class="btn btn-default" tabindex="-1"><i class="icon-search"></i></button>
        </div>
    </div>
            <button type="button" class="btn btn-default" tabindex="-1"><i class="icon-reorder"></i></button>
</div>

これにより、最後にボタン グループが追加されたフォーム入力が生成されます。次に、3 番目の別のボタンをレンダリングします: http://bootply.com/79114

質問: この 3 番目のボタンが新しい行に折り返されないようにする最もクリーンな方法は何ですか? 入力グループ (テキスト入力と 2 つのボタン) をそのまま表示し、残りの幅の 100% を使用しますが、この 3 番目のボタンを同じ行に配置します。Float:right.

誤解を避けるために編集します。3 番目のボタンは、input-group