Bootstrap Modal is very simple to use, it can be used in the construction of member login areas, single image enlargements, popups and many more.
To Run Modal Component, you need to assign data-toogle and data-target to buttons and objects.
Bootstrap defaults to fade as modal animation. This animation has a style that fade in and out. Remove the fade style after the modal style to turn it off.
If you want to get a vertically centered modal, it is enough to write modal-dialog-centered style like the code on the right after modal-dialog style. class = "modal-dialog modal-dialog-centered"