Bootstrap .well + .pull-right 问题答案

【问题标题】：Bootstrap .well + .pull-right issueBootstrap .well + .pull-right 问题
【发布时间】：2016-09-27 18:06:16
【问题描述】：

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

【问题讨论】：

为什么因为过于本地化而关闭？我遇到了完全相同的问题，发现这非常有用...
x2。通过谷歌找到这个并解决了我的问题

标签： twitter-bootstrap

【解决方案1】：

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

正如 Alexis 在 cmets 中所说，div 应该是这样的：

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

【讨论】：

你好，非常感谢，但我需要一段时间才能理解你的意思，我是 css 的一个相当菜鸟，只是为其他人清理class="well clearfix"
男人！你救了我的命:)
我人生中第一次真正看到 clearfix 的工作和需求。做得很好

【解决方案2】：

在Boostrap pull-right causing element overlap中描述的方式不使用.clearfix：

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

【讨论】：