Twitter Bootstrap中的自定义对象

Question

我有一个容器的以下CSS，假设该站点位于给定位置的图像之上：

.jumbotron .container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top:75px;
}

.jumbotron .caption{
    position: static;
    max-width: 750px;
    padding: 10px;
    margin-bottom: 200px;
    background: rgba(51, 51, 51, 0.65) !important;
    margin-top: 50px;
}

在示例网站上创建以下内容：example development site

你看到的是巨大的超大尺寸图像，上面有一个不透明的正方形。调整屏幕大小，使菜单进入移动友好状态，一切看起来都比较好，现在打开菜单。

不透明的正方形不随图像向下移动，而是保持在一个位置。如何使其与图像一起移动并保持其原始位置？

Answer 1

将position:relative添加到特定的jumbotron。