Javascript 在backstretch上覆盖内容

我想在JQuery Backstretch图像上添加一个带有标题的div。代码如下所示：

<div class="col-md-4 col-xs-12">
    <div class="imgs">
    </div>
</div>

这里的内部div用于反向拉伸。如果我在outer div之前添加了任何内容（如下所示），则拉伸不起作用

<div class="col-md-4 col-xs-12">
    <div class='row'>some text</div>
    <div class='row'>
        <div class="imgs">
        </div 
    </div>
</div>

一些文本
最有可能的情况是，您没有为用于反向拉伸的
.imgs
div指定尺寸。为该容器设置所需的
宽度
和
高度
属性

演示：
演示不起作用，因为.imgs div的高度为0: