Css 使用Bootstrap'；s网格，有没有一种方法可以在不创建新行的情况下垂直对齐？

假设我有以下HTML（嗯，haml，但是…）：

因此，每列都有一个标题、一些文本和一个图像。有没有一种方法可以让图像垂直对齐，就好像它们是这样做的：

.container
  .row
    .span4
      %h1
      %p
    .span4
      %h1
      %p
    .span4
      %h1
      %p
  .row
    .span4
      %img
    .span4
      %img
    .span4
      %img

---

但是不创建新行吗？原因是，我希望图像与标题和文本一起分组，以便在移动/平板电脑布局上，图像与它们匹配的内容一起布局，而在第二种情况下，您将得到三组文本，然后是三个图像。

我可以想出两种方法：

在任何情况下，在某些情况下可能不需要使用

img-outer

高度控制 如果为上面的文本元素

h1

和

p

设置固定高度，则图像将对齐

您还可以为

.span

设置固定高度，并使用绝对定位。这一点如下所示：

.container.row[class*=“span”]{
高度：100px；
填充底部：150px；
位置：相对位置；
}
.container.row[class*=“span”].img外部{
高度：150像素；
线高：150px；
垂直对齐：中间对齐；
位置：绝对位置；
底部：0；
/*全宽*/
左：0；
右：0；
}

其他定位 似乎有效，我没有足够的绝对定位知识来保证结果是跨浏览器的

.container.row{
填充底部：150px；
位置：相对位置；
}
.container.row[class*=“span”].img外部{
高度：150像素；
线高：150px；
垂直对齐：中间对齐；
位置：绝对位置；
底部：0；
/*全宽*/
宽度：300px；/*.span4宽度*/
}

.container
  .row
    .span4
      %h1
      %p
    .span4
      %h1
      %p
    .span4
      %h1
      %p
  .row
    .span4
      %img
    .span4
      %img
    .span4
      %img