Bootstrap - 居中文本字段

再会！在我的登录表单中，我希望我的文本字段使用引导程序将其置于中心。我已经使用了，class="form-inline justify-content-center"但它不起作用。

代码：

    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" style="background: #1b4d32;">
        <form role="form" method="post" action="<?=base_url()?>login/login_submit" class="form-inline justify-content-center">
            <br/><br/><br/><br/><br/><br/>
            <p id="sign-lbl" style="text-align: center">Please enter your username and<br/>
            password to login.</p><br/><br/>
            <div class="form-group">
                <div class="col-xs-6">
                    <input type="text" name="username" id="email" class="form-control" placeholder="Username" style="border-radius: 25px;">
                </div>
            </div><br/><br/>
            <div class="form-group">
                <div class="col-xs-6">
                    <input type="password" name="password" id="password" class="form-control" placeholder="Password" style="border-radius: 25px;">
                </div>
            </div>
            <br/><br/>
            <span class="button-checkbox">
                <input type="checkbox" name="remember_me" id="remember_me" checked="checked" class="hidden">
                <a class="btn" data-color="info">Stay Signed In</a>
                <a href="<?=base_url()?>login/forgotpassword" class="btn btn-link pull-right">Forgot Password?</a>
            </span>
            <div class="row">
                <div class="col-xs-6 col-sm-6 col-md-6">
                    <input type="submit" class="btn btn-lg btn-success btn-block" value="Sign In">
                </div>
            </div>  
        </form>
    </div>
 </div>

到目前为止，这是我的输出：

https://prnt.sc/h675qg / https://jsfiddle.net/kf2c8trp/

非常感谢你