twitter-bootstrap .thumbnail/.pull-left和blockquote重叠

Question

我确信有一个简单的解决方案..但我有一些重叠的标记。我有一个img.pull-left和一个blockquote。 img目前位于灰色左边界和块引用之间。标记是非常简单的：

<div class='container'> 
    <div class='row'> 
     <div class="entry-content clearfix"> 
      <a class="pull-left" href="#noop" title="The first post"> 
      <img width="70" height="47" src="logo-lw.png" class="inline attachment-thumbnail wp-post-image" alt="logo-lw"/>  
      </a> 

      <blockquote> 
       <p>Some Quote...</p> 
      </blockquote> 
     </div> 
    </div> 
</div> 

Here is a fiddle showing the issue

Answer 1

添加inline-block的到块引用：

blockquote{ 
    display: inline-block; 
} 

这也是一个很好的用例的bootstrap media object。