怎么跳出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框架）