Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.
Toggle a modal via JavaScript by clicking the button above. You can use modal to add dialogs to your site for lightboxes, user notifications, or completely custom content.
Toggle a Boderless via JavaScript by clicking the button
above. Use
.modal-borderless
with .modalfor BorderLess modal.
Add .modal-dialog-centered to
.modal-dialog to vertically center the
modal.
You can disable the backdrop by using
data-bs-backdrop="false"
Use class .bg-* with your
.modal-header to change theme of modal
Add class .modal-{sm|lg|xl|full} with
.modal-dialog to create a modal with different
size.
Created Simple Login Form.
If your content is longer you the page will autmatically adopt a scrollbar
You can also create a scrollable modal that allows
scroll the modal body by adding
.modal-dialog-scrollable to
.modal-dialog.
For modals that simply appear rather than fade in to
view, remove the .fade
class from your modal markup.