在Firefox中使用“左拉”类的Twitter Bootstrap css问题

Question

当我将 class =“pull-left” 添加到元素时，除了Firefox之外的所有浏览器都可以正常工作，其中块元素的宽度似乎不是受到尊重并向左压扁。我该如何解决这个问题？

到目前为止，我发现的唯一修复方法是使用＆lt; p>元素，但我希望这个元素根据需要调整大小，这不是一个选项。

链接到网站：http://julianjosephs.com/versature/bootstrap/

代码

<div class="testimonial-detail">
    <div class="media pull-left">
        <a href="#" class="pull-left">
            <span class="media-object">
                <img width="60" height="60" alt="Alison Drury" src="assets/images/testimonial.png">
            </span>
        </a>
            <div class="media-body">
            <h5 class="media-heading">Alison Drury</h5>
            <p>Spring Health Leisure Clubs</p>
         </div>
    </div>

    <div class="testimonial-right-quote pull-right"></div>
</div>

编辑：我正在使用FF版本22.0 | Chrome - 最新版本

Answer 1

在黑暗中拍摄，但我对此有好运：

<div class="testimonial-detail">
    <div class="media pull-left">
         <div class="media-body">
            <h5 class="media-heading">Alison Drury</h5>
            <p>Spring Health Leisure Clubs</p>
         </div>

        <a href="#" class="pull-left">
            <span class="media-object">
                <img width="60" height="60" alt="Alison Drury" src="assets/images/testimonial.png">
            </span>
        </a>

    </div>

    <div class="testimonial-right-quote pull-right"></div>
</div>

Answer 2

使用media-left代替pull-left