怎么跳出pull-right浮动？

Question

<blockquote class="pull-left text-uppercase">
     这是一个带有源标题的引用。<small>Someone famous in 
     <cite title="Source Title">Source Title</cite></small>
     <span class="small">HuangHao</span>
</blockquote>
<blockquote class="pull-right text-lowercase">
     这是一个向右对齐的引用。
     <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
</blockquote>
<pre>
    pre标签跑到中间去了!!!!!
</pre>

Answer 1

<div class="clearfix">     <blockquote class="pull-left text-uppercase">         这是一个带有源标题的引用。<small>Someone famous in         <cite title="Source Title">Source Title</cite></small>         <span class="small">HuangHao</span>     </blockquote>     <blockquote class="pull-right text-lowercase">         这是一个向右对齐的引用。         <small>Someone famous in <cite title="Source Title">Source Title</cite></small>     </blockquote> </div> <pre>     pre标签跑到中间去了!!!!! </pre>清除一下浮动就好了 （目测用的是bootstrap框架）