在bootstrap中匹配列高度3

Question

开始使用bootstrap 3并希望看看我是否可以像vox.com一样进行布局..这里是我正在努力的图片（该网站上的页面布局发生了变化）

这就是我所拥有的：

http://jsfiddle.net/52VtD/5829/

虚拟代码所以SO会让我发帖：

 <div class="container">
          <div class="row">
        <div class="col-sm-6

显然我添加了比必要更多的文字，但你可以在这里看到问题：

您可以在vox网站的标题中添加文字并保持对齐...如何在bootstrap 3中获得相同的效果？

更新

我可以将文本包装在一个类中，并通过jquery设置高度。我需要将溢出设置为隐藏。这有效，但我需要jquery仅在宽度设置为中型桌面或large size desktop时才能工作。当屏幕设置为超小时，我不希望这个工作。有没有办法通过jquery找出它的模式？

Answer 1

一种选择是改变Bootstrap从水平断开到堆叠的点。我将你的sm改为lg，这使得中断更快。

<div class="col-lg-6">

请参阅小提琴：http://jsfiddle.net/52VtD/5830/

转到here以获取Bootstrap断点的解释。

我也认为，您应该退后一步，考虑一下您的内容，而不是试图破解HTML / CSS。 Vox.com只有图片下方的文章标题，但看起来你想在图片下方放置一个完整的预告片。也许你应该把更少的文字放在图片下面。这也可能解决了这个问题。