html文本向下对齐,CSS-Bootstrap 3将文本对齐到Di的底部

我正在尝试在Bootstrap中进行设置，看起来像这样，其中文本与图像底部对齐：

================================================

| |

| #################### |

| ##THIS IS AN IMAGE## |

| #################### ...And some text! |

| |

================================================

所以我尝试了这个：

Some Text

但是我最终得到的内容看起来更像这样，其中文本是顶部对齐的：

================================================

| |

| #################### ...And some text! |

| ##THIS IS AN IMAGE## |

| #################### |

| |

================================================

我尝试了一些定位技巧来使其正常工作，但是当我这样做时，它破坏了Bootstrap的移动优先性。 当折叠成手机大小时，我需要它来对齐：

==========================

| |

| #################### |

| ##THIS IS AN IMAGE## |

| #################### |

| |

| ...And some text! |

| |

==========================

因此，将其作为表进行操作确实不是一种选择。

编辑：这是一个小提琴，由约瑟夫·马里克尔(Joseph Marikle)在评论中提供：D [http://jsfiddle.net/6WvUY/1/]