Bootstrap Modal Examples

Stay Updated

Subscribe to Bootsnipp newsletter. (only important updates will be sent, your email is never shared or sold to anyone else)

Considering A New Car?

You should consider a Tesla. Get 6 Months Free Supercharging.

Tesla Referral Code

Recent Comments

Hi, you can do this in two ways.First: use script Tag like this<script>console.log("Hello World")</script>Second way: use a file and add this to your htmlcreate a file in you web root or in another folder of your webroot directory name it main.js then add this to your html file.<script type="text/javascript" src="main.js"></script>
thumbnail gallery modal view and key navigation

hello, since I don't really know Javascript, can you tell me how to link a js file into my website? I used <script> and it didn't work, do I have to add anything to the rows in html?
thumbnail gallery modal view and key navigation

Actually amazing and so helpful for my university assignment. Thank you!
Modal Log

Squarespace like modal: Cuando pego el código con el mío, y activo la ventana, esta me sale toda oscura y no me permite la edición ¿algún voluntario para que me ayude?
Squarespace like modal

Hello Can i use this for my project or in Git repo
Fancy subscribe modal (md, lg) with delay functionality on page load

On Bootstrap 4.1.1 with jQuery 3.3.1 I had to add the class "modal-content" to the "loginmodal-container" div or I couldn't interact with the modal
Clean Modal Log

waitingDialog.hide() is undefine
"Waiting for..." modal dialog

Essentially what I am hoping to accomplish is using checkboxes based on this template when an answer is selected the checkbox will be active. If INCORRECT the text message is revealed. If CORRECT a next button is revealed to move on to the next quiz.
Modal Quiz with Radio button

how can make it as multi select?
Modal Quiz with Radio button