Twitter bootstrap bootstrap中的分层头结构

我正在尝试在引导中创建一个分层头。最底层的背景图像，标题位于背景图像顶部（始终居中），徽标也位于背景图像顶部（始终居中），标语也位于背景图像顶部（始终居中），引号位于背景图像顶部（居中）。标题、徽标、标语和引用可能都位于同一层，但都位于背景图像的顶部

如何组织行以分层显示

查看图示的链接

---

蓝色是背景图像。希望保持相同的格式，但当屏幕尺寸变小时，所有格式都会响应

你真的应该努力，至少展示一下你迄今为止尝试过的代码

然而，这是一个非常简单的问题，所以现在开始

简单地创建“container>row>col”结构，但在元素周围放置另一个div，并将图像作为该元素的背景图像。简单

我还没有复制您想要的行/列结构，因为我假设您知道如何根据Bootstrap的文档使用不同的列大小和不同的屏幕大小来实现这一点

<div class="my-background">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                YOUR CONTENT
            </div>
        </div>
    </div>
</div>

你的内容

请做一把工作小提琴，到目前为止你做了什么？