Twitter bootstrap 3 如何垂直对齐图像旁边的文本

自1992年以来，将人与企业联系起来

上面的内容在桌面浏览器中显示得很好。但是，在移动设备上查看时，应保留在图像右侧的文本会包裹在图像下方

<div class="container">
    <img class="col-md-6" src="~/Content/Images/x.png" />
    <span class="col-md-6 h3" >Connecting People & Businesses Since 1992</span>
</div>

自1992年以来，将人与企业联系起来

---

那么我该如何引导它呢？我尝试过使用col-md-6类，但使用网格后，右侧的文本不再垂直居中。

您可以使用简单的两列表格。
将“垂直对齐：中间”应用于td元素。

<div class="container">
    <img class="col-xs-6 col-md-6" src="~/Content/Images/x.png" />
    <span class="col-xs-6 col-md-6 h3" >Connecting People & Businesses Since 1992</span>
</div>

自1992年以来，将人与企业联系起来

col-md-6表示所有大于“平板电脑”大小的内容都使用12列中的6列。低于该大小的所有内容都将进入12/12，因为您没有指定任何内容[这是您想要的，除非您一直想要到“xs”大小

这有用吗

<div class="container">
    <img class="col-xs-6 col-md-6" src="~/Content/Images/x.png" />
    <span class="col-xs-6 col-md-6 h3" >Connecting People & Businesses Since 1992</span>
</div>