Html 如何使Bootstrap.span1和.span3在手机尺寸的顶部水平对齐

我使用的是引导框架，我试图让.span1和.span3 div在移动维度的顶部水平对齐。当浏览器窗口点击断点（782px）时，图像和右侧文本的顶部对齐消失，文本水平居中并开始环绕图像

我是Stackoverflow新手，很难确定要提供多少代码。因此，任何关于我如何形成问题的反馈都会很有帮助。：）

您可以在“证明”部分下的中查看问题

.span1包含图像，.span3包含文本。以下是HTML：

<div class="testimonials">
<div class="row-fluid">
<div class="span1"><img src="/img/tyler.jpg"></div>
<div class="span3">
<p>Just did a beta test of Playbook. I am super impressed."</p>
<p>—Tyler Tervooren</p>
</div>
</div>
</div>

---

使用偏移量。此处的文档向您展示了如何：

---

跨距是浮动的元素，因此如果不想使用偏移量，则可以使用跨距作为大小，但可以将其浮动属性改写为不浮动，并将其“右边距”和“左边距”设置为“自动”在一个div内将其居中。

引导设置

浮动：对于小于
767px
的屏幕中的所有网格跨度，无。您可以覆盖所有
span*
元素的引导规则，或仅覆盖特定元素的引导规则，方法是在引导的CSS之后添加此代码：

@media (max-width: 767px) {
    .testimonials .row-fluid .controls-row [class*="span"] {
        float: left !important;
    }
}

谢谢faridv，这很有帮助。：）
@media (max-width: 767px) {
    .testimonials .row-fluid .controls-row [class*="span"] {
        float: left !important;
    }
}