modal center of screen
#signUpModal {
display: 'flex';
justify-content: 'center';
align-items: 'center';
}modal center of screen
#signUpModal {
display: 'flex';
justify-content: 'center';
align-items: 'center';
}how to make a modal stay center of screen
//add a onclick function to your modal button
<button type="button" class="header__button" data-toggle="modal" data-target="#signUpModal" onclick="modalCenter()">
signup
</button>
//add below function to your scripts
function modalCenter() {
$('#signUpModal').css({
'display': 'flex',
'justify-content': 'center',
'align-items': 'center'
})
}bootstrap modal center
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
