Modal

Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content

Dashboard
Modal

Basic Modal

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.

Basic Modal

Bonbon caramels muffin. Chocolate bar oat cake cookie pastry dragée pastry. Carrot cake chocolate tootsie roll chocolate bar candy canes biscuit. Gummies bonbon apple pie fruitcake icing biscuit apple pie jelly-o sweet roll. Toffee sugar plum sugar plum jelly-o jujubes bonbon dessert carrot cake. Cookie dessert tart muffin topping donut icing fruitcake. Sweet roll cotton candy dragée danish Candy canes chocolate bar cookie. Gingerbread apple pie oat cake. Carrot cake fruitcake bear claw. Pastry gummi bears marshmallow jelly-o.

BorderLess Modal

Toggle a Boderless via JavaScript by clicking the button above. Use .modal-borderless with .modalfor BorderLess modal.

Border-Less

Vertically Centered

Add .modal-dialog-centered to .modal-dialog to vertically center the modal.

Vertically Centered

Croissant jelly-o halvah chocolate sesame snaps. Brownie caramels candy canes chocolate cake marshmallow icing lollipop I love. Gummies macaroon donut caramels biscuit topping danish.

Disabled Backdrop

You can disable the backdrop by using data-bs-backdrop="false"

Disabled Backdrop

Candy oat cake topping topping chocolate cake. Icing pudding jelly beans I love chocolate carrot cake wafer candy canes. Biscuit croissant fruitcake bonbon soufflé.

Modal Themes

Use class .bg-* with your .modal-header to change theme of modal

Primary Modal

Tart lemon drops macaroon oat cake chocolate toffee chocolate bar icing. Pudding jelly beans carrot cake pastry gummies cheesecake lollipop. I love cookie lollipop cake I love sweet gummi bears cupcake dessert.

Success Modal

Danger Modal

Info Modal

Warning Modal

Dark Modal

Modal Sizes

Add class .modal-{sm|lg|xl|full} with .modal-dialog to create a modal with different size.

Small Modal

Biscuit chocolate cake gummies. Lollipop I love macaroon bear claw caramels. I love marshmallow tiramisu I love fruitcake I love gummi bears. Carrot cake topping liquorice. Pudding caramels liquorice sweet I love. Donut powder cupcake ice cream tootsie roll jelly.

Default Modal

I love candy candy cake powder I love icing ice cream pastry. Biscuit lemon drops sesame snaps. Topping biscuit croissant gummi bears jelly beans cake cake bear claw muffin. Lemon drops oat cake pastry bear claw liquorice lemon drops.

Large Modal

I love tart cookie cupcake. I love chupa chups biscuit. I love marshmallow apple pie wafer liquorice. Marshmallow cotton candy chocolate. Apple pie muffin tart. Marshmallow halvah pie marzipan lemon drops jujubes. Macaroon sugar plum cake icing toffee.

Extra Large Modal

Cake cupcake sugar plum. Sesame snaps pudding cupcake candy canes icing cheesecake. Sweet roll pudding lollipop apple pie gummies dragée. Chocolate bar cookie caramels I love lollipop ice cream tiramisu lollipop sweet.

Full Screen Modal

Modal with Login Form

Created Simple Login Form.

Login Form

Email:

Password:

Scrolling long Content

If your content is longer you the page will autmatically adopt a scrollbar

Scrolling Modal

Biscuit powder jelly beans. Lollipop candy canes croissant icing chocolate cake. Cake fruitcake powder pudding pastry.

Tootsie roll oat cake I love bear claw I love caramels caramels halvah chocolate bar. Cotton candy gummi bears pudding pie apple pie cookie. Cheesecake jujubes lemon drops danish dessert I love caramels powder.

Chocolate cake icing tiramisu liquorice toffee donut sweet roll cake. Cupcake dessert icing dragée dessert. Liquorice jujubes cake tart pie donut. Cotton candy candy canes lollipop liquorice chocolate marzipan muffin pie liquorice.

Powder cookie jelly beans sugar plum ice cream. Candy canes I love powder sugar plum tiramisu. Liquorice pudding chocolate cake cupcake topping biscuit. Lemon drops apple pie sesame snaps tootsie roll carrot cake soufflé halvah. Biscuit powder jelly beans. Lollipop candy canes croissant icing chocolate cake. Cake fruitcake powder pudding pastry.

Scrolling long Content Inside Modal

You can also create a scrollable modal that allows scroll the modal body by adding .modal-dialog-scrollable to .modal-dialog.

Scrolling long Content

Biscuit powder jelly beans. Lollipop candy canes croissant icing chocolate cake. Cake fruitcake powder pudding pastry

dragée dessert. Liquorice jujubes cake tart pie donut. Cotton candy candy canes lollipop liquorice chocolate marzipan muffin pie liquorice.

Powder cookie jelly beans sugar plum ice cream. Candy canes I love powder sugar plum tiramisu. Liquorice pudding chocolate cake cupcake topping biscuit. Lemon drops apple pie sesame snaps tootsie roll carrot cake soufflé halvah.Biscuit powder jelly beans. Lollipop candy canes croissant icing chocolate cake. Cake fruitcake powder pudding pastry.

Disabled Animation

For modals that simply appear rather than fade in to view, remove the .fade class from your modal markup.

Disabled Animation

Chocolate bar jelly dragée cupcake chocolate bar I love donut liquorice. Powder I love marzipan donut candy canes jelly-o. Dragée liquorice apple pie candy biscuit danish lemon drops sugar plum.

Well done! You successfully read this important alert message.

2021 © Mazer

Crafted with by A. Saugi