Modal Window

The functionality of the survey form is complete. Let’s add another
Bootstrap design element.

We can use Bootstrap to hide the survey form and reveal it when a button
is clicked. We’ll use a lightbox effect: The form will appear in a
bright overlay with the page darkened behind it. Because no further
action can be taken until the form is submitted or cancelled, we say the
form appears in a “modal window.” A modal window is a user interface
element in desktop applications and on the web, commonly used to block
action until the user responds to the message in the window.
Add a Modal Window

Our “call to action” will be a big button that says, “Choose!” Clicking
the button will open a modal window and invite the visitor to select a
favorite and click a submit button.

Bootstrap gives us everything we need to implement this in a few lines
of code.