Every developer has used an alert/prompt window when dealing with web development. They are generally used to display important messages, accept information from the user, display warning messages, and for many different purposes. The problem with these traditional dialog windows is that they have become outdated, and our visitors probably hate them. It's no longer recommended to use dialog windows from a better user experience perspective.

To solve this problem, web developers discovered another better way to replace pop-up windows. They used a hidden HTML element inside the same web page. Whenever needed, this hidden element was displayed with the help of some JavaScript code and CSS styling. Bootstrap's modal does exactly the same. It is a flexible dialog prompt with minimum required functionality. It has got its own Bootstrap styling and animation.

In this chapter, we will learn how to create a Bootstrap modal and its various types and functionalities...