[Bootstarp] 부트스트랩 모달 가운데 위치

부트스트랩에서 모달을 쓸때 모달은 화면의 정중앙 가운데 항상 위치시켜 주기 위해서는

modal-dialog-centered 클래스를 아래와 같이 추가해줘야 한다.

그럼 따로 css 작업을 해주지 않아도 모달창은 항상 중앙에 뜨게 된다.

<div class="modal fade" id="modal-reg">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header"></div>
            <div class="modal-body"></div>
            <div class="modal-footer"></div>
        </div>
    </div>
</div>

 

부트스트랩 css 는 특정 클래스에 들어간 css 들이 정해져 있기 때문에 참고.