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。