Бутстрап .well +.pull-right issue

У меня возникают проблемы с классом bootstraps pull-right. Когда у меня есть элемент с плавающей точкой внутри .well, ядро не учитывает перемещенный элемент в свой размер. Таким образом, элемент (в моем случае a <button> находится наполовину вне div.

Я уверен, что для этого есть простое исправление.

Код, если кто-то задается вопросом:

<div class="well">
<h5>TEXT</h5>
<p><img src="img/src.png" class="pull-right" alt=""/>Genere illum vero diam ille sui coniungens in lucem in. Cyrenaeam plus plorantes abscederem assignato ipsum ait mea vero non ait est amet coram me testatur in!</p>
<button class="btn btn-metro pull-right">text</button>
</div>

Ответы

Ответ 1

Я решил проблему, очистив поплавки. Просто добавьте класс .clearfix в .well.

Как сказал Алексис в комментариях, div должен выглядеть так:

<div class="well clearfix">
</div>

Ответ 2

В Boostrap pull-right, вызывающий элементное перекрытие, описал способ без использования .clearfix:

<div class="text-right">
  <button class="btn btn-metro">text</button>
</div>