title: Bootstrap Modal clickable div
body: <p>I'm trying to make a div clickable that will open a modal. The div has a background image class on it. When you click the image a modal will pop up with gallery inside the modal. I'm having a hard time trying to figure this out. I'm not sure where the trigger goes. Do I use the bootstrap button trigger? Each of the &quot;box's&quot; has a background image on them. The code I have so far is:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;row no-side-padding&quot;&gt;
      &lt;div class=&quot;col-sm-3 no-side-padding-2&quot;&gt;
          &lt;div class=&quot;assistants-box&quot;&gt;
              &lt;h2&gt;Assistants&lt;/h2&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;col-sm-3 five-padding-left no-padding-right&quot;&gt;
          &lt;div class=&quot;chairs-box&quot;&gt;
              &lt;h2&gt;Chairs&lt;/h2&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;col-sm-3 five-padding-left no-padding-right&quot;&gt;
          &lt;div class=&quot;craft-fairs-box&quot;&gt;
              &lt;h2&gt;Craft Fairs&lt;/h2&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;col-sm-3 five-padding-left no-padding-right&quot;&gt;
          &lt;div class=&quot;materials-box&quot;&gt;
              &lt;h2&gt;Materials&lt;/h2&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>