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です。

Alexis がコメントで述べたように、div は次のようになります。

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

Answer 2

Boostrapでは、要素のオーバーラップを引き起こす右引きは、使用せずに方法を説明しました.clearfix：

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