Hi friends, hope you are doing good. Today I am going to share very common and usefull things with you. After this tutorial you will be able to create bootstrap model popup.

I will let you know how to create model popup with example and screenshot. Before start to creating model popup, i assume you have knowledge of basic HTML & CSS.

bootstrap3-model-popup

bootstrap3-model-popup

Add JS and CSS Files

Add below JS and CSS files before head tag closed like below example. I have added CSS & JS files from bootstrapcdn server to reduce webpage load time.

Bootstrap Model Popup example

Bootstrap available with two options small and large. Below is the small & large bootstrap popup code. You can use as per your requirement. You can also customize this model popup by adding custom styles according to you themes/templates.

Bootstrap small Model Popup example

Add below class to call small model popup.

Bootstrap large Model Popup example

Add below class to call large model popup.

I hope this will help you to create model popup. If you like this article, do like & share it with your friends on social media. Don’t forget to follow us on Facebook and Twitter to learn cool bootstrap tutorials.