Control Bootstrap components with JS API: Modal, Toast, Collapse, Tooltip with events.
Bootstrap JavaScript API
// Modal
const modal = new bootstrap.Modal(document.getElementById("myModal"), {
backdrop: "static",
keyboard: false,
});
modal.show(); modal.hide(); modal.toggle();
// Events
document.getElementById("myModal").addEventListener("shown.bs.modal", () => {
document.getElementById("input").focus();
});
// Toast
const toast = new bootstrap.Toast(el, { autohide: true, delay: 3000 });
toast.show();
// Collapse
const collapse = new bootstrap.Collapse(document.getElementById("nav"));
collapse.show(); collapse.hide();