Bootstrap .well + .pull-right问题

jus*_*ist 30 twitter-bootstrap

我在bootstraps pull-right课上遇到了一些麻烦.当我.well在井内有浮动元素时,不会将浮动元素计入其大小.所以元素(在我的情况下<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>
Run Code Online (Sandbox Code Playgroud)

jus*_*ist 61

我通过清除浮动来解决问题.这很简单,只需将类添加.clearfix.well.

正如Alexis在评论中所说,div应该如下所示:

<div class="well clearfix">
</div>
Run Code Online (Sandbox Code Playgroud)

  • 嗨,非常感谢,但是我需要一段时间来理解你的意思,我是一个非常棒的css,只是为了清除其他人`class ="well clearfix"` (3认同)