Modals are used to provide a pop-up dialog style element that can be used to provide information to the user or even allow the user to complete a form inside the modal. A Bootstrap modal is essentially made of three parts: a header, body, and footer. You can put any standard HTML markup inside the modal's body element, including standard text or even an embedded YouTube video.
As a general rule, always place the modal's markup in a top-level position inside your view—the top or bottom of the view is the best place to put your modal markup.
Using the following HTML and Razor markup, we'll create a modal that prompts the user whether they would like to continue deleting a certain customer record from the database. We'll declare a <form> element inside the modal's body and use a button that is created inside the modal's footer element to submit the form. We'll also create a button that the user can click on to dismiss the modal. This is accomplished by adding the data-dismiss...