Twitter bootstrap 引导3。具有box+的响应图像；特定位置的文本（也响应）

我一直在研究怎么做，但我不知道

我想在我的导航栏后面显示一张图片，在网页中居中，并与窗口大小相适应。（我已经做到了）

问题是我想合并一个半透明的框，里面有文本。我希望此框（带文本）与图片的响应方式相同，并且位于图片内的相同位置（例如，图片底部的30px和图片左侧的30px）

#主画面{
位置：相对位置；
}
#主画面#关闭{
背景色：#FFFFFF；
位置：绝对位置；
z指数：1；
高度：200px；
宽度：200px；
最高：50%；
左：20%；
右：40%；
不透明度：0.5；
}

大开放
30%折扣
在我们所有的产品中

如果您想让它从图像的底部和左侧移动30像素，只需设置

底部：30像素；左：30px仅适用于底部。对于左侧，它显示在图像之外（这在网站中居中。我还想知道如何使文本框与图片具有相同的响应方式。非常感谢您的回复。您已经离开指定位置，是否删除了它？是的。我更改了
顶部：50%
和
左侧：20%
；对于
底部：30px；左侧：30px；
，以及盒子在图像底部的30像素处保持完美，但在网站侧面的30像素处保持完美，而不是在图像侧面的30像素处