[Bootstrap 5] Modal

부트스르랩 v5 에서 모달창 활용 방식

일반적인 형식

See the Pen boostrap5 - modal by YoungHyeong Ryu (@YoungHyeong-Ryu) on CodePen.

javascript로 제어하기

See the Pen boostrap5 - modal-with-javascript by YoungHyeong Ryu (@YoungHyeong-Ryu) on CodePen.

var options = {};
var myModal = new bootstrap.Modal(document.getElementById('exampleModal'), options)

function openModal() {
  myModal.show()
}

function closeModal() {
  myModal.hide()
}

function toggleModal() {
  myModal.toggle()
}

jquery 로 제어하기

$('#exampleModal').modal('toggle');