Hello in this github project: link I have a modal window when clicking on the login button, however when I do it, the bottom of the web becomes more and more to the left. look:
However, when I click on login, the following happens:
As you can see, there is a big difference between the scrollbar and the background, I clarify that you do not jump directly there, you do it little by little I did it many times to appreciate the difference immediately.
the button has this line of code:
<button type="button" class="btn btn-success" data-toggle="modal" data-target="#login"> <span>Login</span></button>and the content of the window the following:
<div class="container">
<div class="modal fade" id="login" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog" >
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h2 class="text-center" class="modal-title">Iniciar sesion </h2>
</div>
<div class="modal-body">
<div class="text-center social-btn">
<a href="#" class="btn btn-primary"><i class="fa fa-facebook"></i><b>Facebook</b></a>
<a href="#" class="btn btn-info"><i class="fa fa-twitter"></i><b>Twitter</b></a>
<a href="#" class="btn btn-danger"><i class="fa fa-google"></i><b>Google</b></a>
</div>
</div>
</div>
</div>
</div>
</div>Where could the fault be? I would really appreciate your help.