Question

我试图在bootstrap中创建分层标头。最底层的背景图像，标题位于背景图像的顶部（始终以顶部为中心），徽标也位于背景图像的顶部（始终在右上角），标语位于背景的顶部图像也是（始终右对齐），引号位于背景图像的顶部（居中对齐）。标题，标识，标语和引用都可以在同一层上，但都在背景图像的顶部。

如何构造要在图层中显示的行？

查看插图的链接。 http://varsang.com/header.jpg

蓝色是背景图片。想要保持相同的格式，但在屏幕尺寸变小时全部响应。

Answer 1

你应该真的付出努力，至少展示你到目前为止尝试过的代码。

这是一个非常简单的问题，所以你去吧。

简单创建您的容器＆gt;行＆gt;山口＆＃39;正常结构，但在元素周围放置另一个div，并使图像成为该元素的背景图像。 Simples。

我还没有复制您想要的行/列结构，因为我假设您知道如何根据Bootstrap的文档使用不同的屏幕尺寸使用不同的col大小。 / p>

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

引导程序中的分层头结构

1 个答案: