css - 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>

这是一个显示问题的小提琴

Answer 1

将 inline-block 添加到块引用中：

blockquote{
    display: inline-block;
}

这也是引导媒体对象的一个​​很好的用例。