在BootStrap中为Mobile上的Splash Page拟合元素

Question

我正在尝试创建一个响应式启动页面，但无论我多少尝试操作它，它都没有响应。我主要想做的是使图像适合没有边距或填充。我希望它与Adele's移动网站类似。此外，我不确定代码是否干净，我正确地命名类。我创建了codepen，因此您可以在那里查看。

field

Answer 1

Adeles页面是背景图片，内容显示在顶部。

你可以通过多种方式实现这一目标。

尝试使用此功能并使用CSS来将所有内容放在所需的位置。

codepen here example

<header>
<div class="overlay">
    <div class="header-content">
        <div class="header-content-inner">
                    <h1>Your image here</h1>
            <p>buttons here etc</p>
        </div>
    </div>
</div>

缩小页面以查看响应性