引导程序-位置绝对，向右移动按钮

如何解决引导程序-位置绝对，向右移动按钮

我当时正在着陆页上工作，但遇到问题，无法将折叠按钮从左向右移动。问题之一是位置绝对。我不想删除它，但是我不知道有什么替代品。有人可以帮我吗？

<div class="h-100">
    <video id="videolayout" autoplay muted loop>
        <source src="resources/vid.mp4" type="video/mp4">
    </video>

    <nav class="navbar navbar-expand-sm navbar-dark position-absolute">
        <button class="navbar-toggler ml-auto float-right" type="button" data-toggle="collapse" data-target="#navbarText"
        aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button> <!-- button I got problem with -->
        <div class="collapse navbar-collapse" id="navbarText">
            <ul class="navbar-nav mx-2">
                <!-- just list items -->
            </ul>
        </div>
    </nav>

    <div class="container text-white h-100">
        <div class="row align-items-center h-100">
            <div class="col text-center">
                <h3 class="font-weight-bold">h3 test</h3>
            </div>
        </div>
    </div>
</div>

html,body{ //css
    height: 100%;
}

#videolayout{
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
}