Position & Sizes

Click buttons below to launch modals demo

Frame Modal
Position
Top
Bottom
Side Modal
Position
Top Right
Top Left
Bottom Right
Bottom Left
Central Modal
Size



Fluid Modal
Position



Styles examples

Launch Modal Success

Modal Success

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit iusto nulla aperiam blanditiis ad consequatur in dolores culpa, dignissimos, eius non possimus fugiat. Esse ratione fuga, enim, ab officiis totam.

Get it now No, thanks
Launch Modal Info

Modal Info

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt vero illo error eveniet cum.

Get it now No, thanks
Launch Modal Danger

Modal Danger

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga, molestiae provident temporibus sunt earum.

v52gs1

Get it now No, thanks
Launch Modal Warning

Modal Warning

Michal Szymanski - founder of Material Design for Bootstrap

Jane

Consultant

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga, molestiae provident temporibus sunt earum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Get it now No, thanks

Forms Examples

Launch Modal Contact Form

Contact form

Launch Modal LogIn/Register

Not a member? Sign Up

Forgot Password?

Already have an account? Log In

Launch Modal Contact Form

Subscription form

Launch Modal Login with Avatar
Maria Doe

Full documentation

Read the full documentation for these components.

Learn more