Bootstrap行问题

Question

我启动了我的网站，一个页面。我对第二部分有疑问。我从标题开始，但它出现在页面顶部而不是第一部分之后..

这是HTML：

<div class="container-fluid">
    <section class="row first-slide">
        <div class="title col-sm-12">
            <h1 class="presentation">
                <span class="nathan">Nathan Cheval</span> <span class="separator">|</span> <span class="avignon">Avignon & Montpellier</span>
            </h1>
            <hr class="position-hr">
            <img class="scroll-icon" src="imgs/mouse.png" alt="Go down" width="32" height="32">
        </div>
    </section>
    <section class="row second-slide">
        <div class="title col-sm-12">
            <h1>Portfolio</h1>
        </div>
    </section>
</div>

这是我网站的链接：http://nathancheval.fr/dev

提前感谢您的帮助

Answer 1

这是因为你的第一张幻灯片上有一个绝对位置：第二张幻灯片没有位置。尝试禁用绝对位置，您会看到标题在第一张幻灯片下移动。