如何使用bootstrap响应地将面板div放在图像div之上

Question

我需要在包含图像的div上方放置一个面板div。 面板div应该在左边大约20 px，从包含图像的div下面20 px。 这样做可能是通过声明面板div的位置：绝对，并用相关数据定义顶部和左侧。 但这样做最终会禁用引导程序所依赖的响应。 通过降低屏幕分辨率，面板div正在被切割。 这是我写的2个div的html代码。

<div class="container">
    <div class="row">
        <div class="col-xs-4">
        </div>
        <div class="col-xs-6">
            <img src="images/back_purp.png" >
        </div>
    </div>
    <div class="row" style="position:absolute;top:20px;left:20px;">
        <div class="col-xs-6">
                <img src="images/image-back.png" >
        </div>
        <div class="col-xs-4">
        </div>
    </div>
</div>

请帮助，非常感谢您的任何帮助：）