ボタンを右揃えにする方法は？

Question

私はブートストラップを学んでいます。構造体は、あるコンテキスト内のコンテナです。コンテナの一番下には、説明の横にボタンを置いています。

ここでは、ブートストラップ構造を壊すことなく、ボタンの配置を右に設定したいと考えています。 どうすればよいですか？私はボタンのスタイルに "フロート：右"を設定しましたが、それは悪いように見えました。 ボタンは "alert-info"バックグラウンドの外にあり、垂直方向の整列ではありません。もっと良い方法は？

<div class="alert alert-info"> 
<a href="#" class="alert-link">Summary:Its some description.......testtesttest</a> 
<button type="button" class="btn btn-primary btn-lg" style="float:right;">Large  button</button> 
</div> 

Answer 1

ジャストボタンに簡単なプル右クラスを追加し、必ずコンテナのdivを作ります明らかに固定されています：

<div class="alert alert-info clearfix"> 
    <a href="#" class="alert-link">Summary:Its some description.......testtesttest</a> 
    <button type="button" class="btn btn-primary btn-lg pull-right">Large button</button> 
</div> 

Answer 2

これを試してみてください：

<div class="row"> 
<div class="alert alert-info" style="min-height:100px;"> 
    <div class="col-xs-9"> 
     <a href="#" class="alert-link">Summary:Its some 
      description.......testtesttest</a> 
    </div> 
    <div class="col-xs-3"> 
     <button type="button" class="btn btn-primary btn-lg">Large  button</button> 
    </div> 
</div> 
</div> 

デモ：

http://jsfiddle.net/Hx6Sx/1/

Answer 3

<div class="container"> 
    <div class="btn-block pull-right"> 
     <a href="#" class="btn btn-primary pull-right">Search</a> 
     <a href="#" class="btn btn-primary pull-right">Apple</a> 
     <a href="#" class="btn btn-primary pull-right">Sony</a> 
    </div> 
</div>