Skip to Content

Bootstrap Modal

An example of the Bootstrap modal in Nebula.

February 22, 2022


Additional Notes

Simple Bootstrap modals in Nebula do not need to be initialized with the .modal() method. Simply placing the modal HTML in the page is enough.

To add the Nebula stylings to a modal (blurred background when active), add the nebula-modal class to the top-level .modal div.

To animate the modal showing, you can add Nebula animation classes to the .modal-dialog div. For example: nebula-zoom animate nebula-zoom-in

Was this page helpful? Yes No

    A feedback message is required to submit this form.

    Please check that you have entered a valid email address.

    Enter your email address if you would like a response.

    Thank you for your feedback!