Bootstrap .well + .pull-right issue

Question

Tôi đang gặp sự cố với lớp bootstraps pull-right. Khi tôi có một phần tử nổi bên trong một .well giếng không tính phần tử nổi vào kích thước của nó. Vì vậy, các yếu tố (trong trường hợp của tôi một <button> là một nửa bên ngoài của div

tôi chắc chắn rằng có một sửa chữa đơn giản cho điều này

Mã nếu có ai thắc mắc:..

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

Answer 1

Tôi có giải quyết vấn đề bằng cách xóa các phao nổi, đơn giản chỉ cần thêm lớp .clearfix vào .well.

Như Alexis đã nói trong phần nhận xét, div sẽ trông giống như sau:

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

Answer 2

Trong Boostrap pull-right causing element overlap mô tả đường đi mà không sử dụng .clearfix:

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