html - Bootstrap resize responsive offset issue -

]offsets not working when resizing browser...

the elements not centering how shuld when resize browser...the form stacking horzinotal , items floating left , not centering how must in not resized browser

<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 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 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>