📡 You're offline — showing cached content
New version available!
Quick Access
Tutorials Bootstrap 5 Bootstrap JS API

Bootstrap JS API

5 min read
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();