Как установить кнопку align-right с помощью Bootstrap?

Я изучаю Bootstrap. Структура представляет собой контейнер в определенном контексте. В нижней части контейнера я помещаю кнопку рядом с описанием.

Теперь я хочу, чтобы кнопка выравнивалась справа, не разбивая структуру бутстрапа. Что мне делать? Я установил "float: right" в стиль кнопки, но оказался плохим. Кнопка находится за пределами фона "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>

Ответы

Ответ 1

Просто добавьте к кнопке простой класс pull-right и убедитесь, что div контейнера divfixed:

<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>

Ответ 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>

Demo:

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

Ответ 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>