twitter-bootstrap .thumbnail/.pull-left와 blockquote overlapping

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

이 인용구에 인라인 블록을 추가

blockquote{ 
    display: inline-block; 
} 

이 또한 bootstrap media object에 대한 좋은 사용 사례입니다.