title: Bootstrap Modal showing grey and progress
body: <p>i have a Bootstrap Modal</p>
  
  <pre><code>&lt;div id="responsive" class="modal" tabindex="-1" style="display: none;"&gt;
      &lt;div class="modal-header"&gt;
          &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;×&lt;/button&gt;
          &lt;h4 class="modal-title"&gt;Responsive&lt;/h4&gt;
      &lt;/div&gt;
      &lt;div class="modal-body"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-md-6"&gt;
                  &lt;h4&gt;Some Input&lt;/h4&gt;
                  &lt;p&gt;&lt;input class="form-control" type="text"&gt;&lt;/p&gt;
                  &lt;p&gt;&lt;input class="form-control" type="text"&gt;&lt;/p&gt;
                  &lt;p&gt;&lt;input class="form-control" type="text"&gt;&lt;/p&gt;
                  &lt;p&gt;&lt;input class="form-control" type="text"&gt;&lt;/p&gt;
                  &lt;p&gt;&lt;input class="form-control" type="text"&gt;&lt;/p&gt;
                  &lt;p&gt;&lt;input class="form-control" type="text"&gt;&lt;/p&gt;
                  &lt;p&gt;&lt;input class="form-control" type="text"&gt;&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="col-md-6"&gt;
                  &lt;h4&gt;Some More Input&lt;/h4&gt;
                  &lt;p&gt;&lt;input class="form-control" type="text"&gt;&lt;/p&gt;
                  &lt;p&gt;&lt;input class="form-control" type="text"&gt;&lt;/p&gt;
                  &lt;p&gt;&lt;input class="form-control" type="text"&gt;&lt;/p&gt;
                  &lt;p&gt;&lt;input class="form-control" type="text"&gt;&lt;/p&gt;
                  &lt;p&gt;&lt;input class="form-control" type="text"&gt;&lt;/p&gt;
                  &lt;p&gt;&lt;input class="form-control" type="text"&gt;&lt;/p&gt;
                  &lt;p&gt;&lt;input class="form-control" type="text"&gt;&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="modal-footer"&gt;
          &lt;button type="button" data-dismiss="modal" class="btn btn-default"&gt;Close&lt;/button&gt;
          &lt;button type="button" class="btn btn-primary"&gt;Save changes&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#responsive"&gt;
      New Cash Account
  &lt;/button&gt;
  </code></pre>
  
  <p>when i click every thing goes funny like this, why? help please!!!!</p>
  
  <p>this application i in MVC 5 and using the bootstrap scaffolding </p>
  
  <p><img src="https://i.stack.imgur.com/BYEgn.png" alt="result screen">
  <img src="https://i.stack.imgur.com/UXc9t.png" alt="when it shoudl display "></p>
  
  <p>when it shoudl display</p>