twitter-bootstrap - Bootstrap .well + .pull-right 问题

Question

我在使用引导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>

Answer 1

我已经通过清除浮动解决了这个问题。很简单，只需将类添加.clearfix到.well.

正如亚历克西斯在评论中所说， div 应该是这样的：

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

Answer 2

在Boostrap pull-right 导致元素重叠描述的方式不使用.clearfix：

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