title: How to make modals with different content
body: <p>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. </p>
  
  <p>Let me try to tell you this in my bad programming language.</p>
  
  <pre><code>&lt;div class="button" id="modal1"&gt;1&lt;/div&gt;
  </code></pre>
  
  <p>if <code>pressed = "modal1"</code> opens.</p>
  
  <hr>
  
  <pre><code>&lt;div class="button" id="modal2"&gt;2&lt;/div&gt; 
  </code></pre>
  
  <p>îf <code>pressed = "modal2"</code> opens with different content.</p>
  
  <p>I would add some code, but I haven´t got any longer than the Bootstrap: <a href="http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_modal&amp;stacked=h" rel="nofollow noreferrer">http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_modal&amp;stacked=h</a></p>