title: modal from dropdown menu item
body: <p>I'm trying to do a modal from a drop-down menu item in bootstrap beta 4.0. It doesn't seem to be working.  I've used the same format on other modals on the page and they are working. </p>
  
  <pre><code>         &lt;li class="nav-item dropdown"&gt;
          &lt;a href="#insurance-head-section" class="nav-link dropdown-toggle" data-toggle="dropdown"&gt;Insurance&lt;/a&gt;
          &lt;div class="dropdown-menu"&gt;
            &lt;a href="" class="dropdown-item"&gt;New Patient&lt;/a&gt;
            &lt;a href="" class="dropdown-item"&gt;Established Patient&lt;/a&gt;
            &lt;a href="#response"
            class="dropdown-item"
            data-toggle="modal" data-target="response"&gt;Responsibilities&lt;/a&gt;
            &lt;a href="" class="dropdown-item"&gt;link 4&lt;/a&gt;
          &lt;/div&gt;
        &lt;/li&gt;
  </code></pre>
  
  <p>The modal is below:</p>
  
  <pre><code>  &lt;div class="modal" id="response"&gt;
  &lt;div class="modal-dialog"&gt;
    &lt;div class="modal-content"&gt;
      &lt;div class="modal-header"&gt;
        &lt;h5 class="modal-title"&gt;&lt;/h5&gt;
        &lt;button class="close" data-dismiss="modal"&gt;&amp;times;&lt;/button&gt;
      &lt;/div&gt;
      &lt;div class="modal-body"&gt;
        &lt;div class="list-group"&gt;
          &lt;div class="d-flex w-100 justify-content-between"&gt;
            &lt;h6&gt;Responsibilities&lt;/h6&gt;
  
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="modal-footer"&gt;
          &lt;button class="btn btn-secondary" data-dismiss="modal"&gt;Close&lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>