title: Bootstrap modal header and footer not rendered
body: <p>I am displaying an edit form in a bootstrap modal.  Using asp mvc5, I am returning a partial view into a bootstrap modal window.  The form shows up, fills with data and posts just fine. Only issue is the header and footer do not display.  The code shows up in "view page source" but not in the elements tab of the web dev inspector (chrome).</p>
  
  <p>I plan to have multiple different modals on this one page, so I am using a placeholder in the _layout page for the modal, then passing in different partial views.</p>
  
  <p>placeholder in layout:</p>
  
  <pre><code>&lt;body&gt;
  
      @*Container for modal windows*@
      &lt;div class="modal fade" id="modal-container" tabindex="-1" role="dialog" aria-labelledby="modalLabel"&gt;
          &lt;div class="modal-dialog" role="document"&gt;
              &lt;div class="modal-content"&gt;
                  &lt;div class="modal-header"&gt;
                      &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;&lt;span&gt;&amp;times;&lt;/span&gt;&lt;/button&gt;
                      &lt;h4 class="modal-title" id="modalLabel"&gt;&lt;/h4&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-body"&gt;
  
                  &lt;/div&gt;
                  &lt;div class="modal-footer"&gt;This is the footer&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>partial view (only contains a form and the modal cancel button):</p>
  
  <pre><code>            &lt;div class="form-group"&gt;
                  &lt;div class="col-md-offset-2 col-md-10"&gt;
                      &lt;input type="submit" value="Save" class="btn btn-default" /&gt;
                      &lt;button class="btn btn-warning" data-dismiss="modal"&gt;Cancel&lt;/button&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>Some js to add "data-" tags to the links:</p>
  
  <pre><code>$(function () {
  
    $('body').on('click', '.modal-link', function(e) {
        //e.preventDefault();
        $(this).attr('data-target', "#modal-container");
        $(this).attr('data-toggle', 'modal');
    });
  
  //Clear modal cache
    $('#modal-container').on('hidden.bs.modal', function() {
        $(this).removeData('bs.modal');
    });
  
  });
  </code></pre>
  
  <p>mvc controller just returns the partial:</p>
  
  <pre><code>return PartialView("_EditOrchard", orchard);
  </code></pre>