YouTip LogoYouTip

Bootstrap5 Modal

# Bootstrap5 Modal A modal (or "modal window") is a child window that is layered over its parent window. Typically, the purpose is to display content from a separate source that can have some interaction without leaving the parent window. Child windows can provide information interaction, etc. * * * ## How to Create a Modal The following example creates a simple modal effect: ## Example [Try it Β»](#) * * * ## Adding Animation Use the .fade class to set a transition effect for the modal popup or close: ## Example [Try it Β»](#) * * * ## Modal Sizes We can create a small modal by adding the .modal-sm class, and a large modal by adding the .modal-lg class. The size class is placed after the .modal-dialog class in the
element: ## Example - Small Modal