css - Firefox 中 "pull-left"类的 Twitter Bootstrap css 问题

Question

当我将 class="pull-left" 添加到一个元素时，它在所有浏览器中都可以正常工作，但 Firefox 除外，其中 block 元素的宽度似乎不合适受到尊重并被压到左边。我该如何解决这个问题？

到目前为止，我发现的唯一解决方法是在

元素上使用像素宽度，但我希望此元素根据需要调整大小，所以这不是一个选项。

网站链接: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>