Html 引导调整响应偏移量问题 ]调整浏览器大小时偏移不起作用。。。

当我调整浏览器的大小时，元素并没有以它们应该如何居中…表单是水平堆叠的，项目是向左浮动的，而不是以它们在未调整大小的浏览器中必须如何居中

<div class="container">
    <div class="row">
        <div class="col-md-6 col-md-offset-3" style="margin-top:8%">
            <h2 class="text-center">Log In To Your Account</h2>
        </div>
    </div>
    <div class="row">
        <div  class="col-md-6 col-md-offset-3">
            <div role="form" id="loginForm">
                <div class="form-group">
                    <label for="logLogin"><h4>Login</h4></label>
                    <input type="text" placeholder="Login Here..." id="logLogin" class="form-control">
                </div>
                <div class="form-group">
                    <label for="logPass"><h4>Password</h4></label>
                    <input type="password" placeholder="Password Here..." id="logPass" class="form-control">
                </div>
                <div class="row">
                <div class="col-md-5 col-md-offset-4">
                <div class="form-group">
                        <input type="submit" value="Log In" class="btn btn-danger btn-lg" id="loginSubmit"> 
                </div>
                </div>
                </div>
            </div>
        </div>      
    </div>
    <div class="row">
        <div class="col-md-12">
            <mdall>
                <h4 class="text-center"><strong>...0r Join Us With</strong></h4>
            </mdall>
        </div>  
    </div>
    <div class="row">
        <div class="col-md-8 col-md-offset-4">      
            <ul class="list-inline">
                <li><a href="facebook.com"><span class="fa fa-facebook-official " aria-hidden="true"></span> Facebook</a></li>
                <li><a href="twitter.com"><span class="fa fa-twitter" aria-hidden="true"></span> Twitter</a></li>
                <li><a href="youtube.com"><span class="fa fa-youtube " aria-hidden="true"></span> Youtube</a></li>
                <li><a href="instagram.com"><span class="fa fa-instagram " aria-hidden="true"></span> Instagram</a></li>
            </ul>
        </div>  
    </div>
</div>

登录到您的帐户
登录
密码
…0r加入我们

您可以添加图像吗？另外，不要尝试

而是尝试

我相信引导在设置表单样式时直接针对

表单

元素。您有col-md-6和col-md-offset-3。您确定不希望它们是col-xs-6和col-xs-offset-3吗？那么您是在谈论文本

登录

，

密码

，和

登录按钮

没有居中？登录按钮，如果你仔细观察底部，你会看到下面的链接也在左侧浮动，在我看来它们没有响应或类似的东西…有什么解决方案吗？你能添加一个图像吗？另外，不要尝试

而是尝试

我相信引导在设置表单样式时直接针对

表单

元素。您有col-md-6和col-md-offset-3。您确定不希望它们是col-xs-6和col-xs-offset-3吗？那么您是在谈论文本

登录

，

密码

，和

登录按钮

没有居中？登录按钮，如果你仔细观察底部，你会看到下面的链接也在左侧浮动，在我看来，它们没有响应或类似的东西…有解决方案吗？？？？？