Css 我正在使用引导创建登录页面。我该如何将其居中？

我正在做一个学校项目，我需要做一个登录页面。我找到了这段代码，但它没有显示在页面的中心。它显示在页面的左侧。第一部分在左边，第二部分在右边。在它居中后，我需要右边在左边的下面。 这是我的密码：

<div class="container">
    <div class="row">

        <!-- left half of the page -->
        <div class="col-xs-6">
            <form class="form-signin" method="post" action="login.php">

                <h2 class="form-signin-heading">Please sign in</h2>

                <div class="form-group">
                    <label for="inputEmail">Email address</label>
                    <input type="text" name="emailaddress" id="inputEmail" class="form-control" placeholder="Email address" value="" required autofocus>
                </div>

                <div class="form-group">
                    <label for="inputPassword">Password</label>
                    <input type="password" name="password" id="inputPassword" class="form-control" placeholder="Password" required>
                </div>

                <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
            </form>
        </div>

        <!-- right half of the page -->
        <div class="col-xs-6">
            <h3>Not a member yet?</h3>
            <a href="join.php">Join our club</a>, it's the best!
        </div>
    </div>
</div>

请登录
电子邮件地址
密码
登录
还没有成为会员？
，这是最好的！

---

我做错了什么？我应该添加更多代码吗？为什么它会出现在我的屏幕左侧

在要居中的div元素的类部分，写上“居中”

例如，如果要将行居中，请更改

<div class="row">

到

这通常是引导中的预设样式类。如果这不起作用，还可以使用样式设置：

<div class="row" style="text-align: center">

简单解决方案：

<center>[code]</center>

[代码]

---

另外，

也很好。

我在上面添加了另一种方法

<center>[code]</center>