javascript - How to make modals with different content

Question

I want to make a website (done). Then I′m adding at least 30 buttons, and when you press the first button, a simple modal comes up with the ability to close, but when you press the second button, the same thing happens! It's just another content.

Let me try to tell you this in my bad programming language.

<div class="button" id="modal1">1</div>

if pressed = "modal1" opens.

---

<div class="button" id="modal2">2</div> 

?f pressed = "modal2" opens with different content.

I would add some code, but I haven′t got any longer than the Bootstrap: http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_modal&stacked=h

Answer 1

just check this link http://www.w3schools.com/bootstrap/bootstrap_modal.asp it explain how modal works. You must have data-toggle="modal" data-target="#myModal" in item you click to open modal and you need mention "#myModal" as id of the target modal, use different id to open different modal.