Html 如何在Bootstrap 4中居中放置此表单？

HTML

<div class="container-fluid background">
<div class="row">
    <!-- background effect -->
    <div id="particles-js">
        <div class="login col-12">
            <form class="login-form" method="post" action="">
                <div class="form-group col">
                    <h2 class="login-header">Login</h2>
                </div>
                <div class="col form-group">
                    <input type="text" name="username" placeholder="Username" class="username-input">
                </div>
                <div class="col form-group">
                    <input type="password" name="password" placeholder="Password" class="password-input">
                </div>
                <div class="col form-group">
                    <input type="checkbox" name="remember"><span>Remember Me Next Time</span>
                </div>
                <div class="col form-group">
                    <input type="submit" name="login-button" value="GO" class="submit-button">
                </div>
            </form>
        </div>
    </div>
</div>

登录
下次记得我吗

这是登录页面。我需要在页面上垂直和水平居中放置此表单。我怎样才能做到这一点

页面

---

摆脱所有的

行和
列类，将登录框放在占据整个屏幕的
flex
容器中（
h-100
），并使用
m-auto
设置边距：


html，正文{高度：100%；}

登录
下次记得我吗
您只需将
justify content center
类添加到行中即可



登录
下次记得我吗
谢谢你，我的朋友，非常感谢你，它起作用了