<p dir="auto">There is something missing in javascript after 3.0.0-rc1, versions -rc2 -wip and the latest release.</p>
<p dir="auto">It shows a transparent background in modals when loads a single html file as remote content. There is a similar bug <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="18947882" data-permission-text="Title is private" data-url="https://github.com/twbs/bootstrap/issues/10415" data-hovercard-type="issue" data-hovercard-url="/twbs/bootstrap/issues/10415/hovercard" href="https://github.com/twbs/bootstrap/issues/10415">#10415</a>, but this one is not related with Rails.</p>
<pre class="notranslate">&lt;html&gt;
&lt;head&gt;
  &lt;link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"/&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;a href="#myModal" data-toggle="modal" class="btn btn-primary btn-lg"&gt;Launch demo modal&lt;/a&gt;
  &lt;a href="./test.html" data-toggle="modal" data-target="#myModal2" class="btn btn-primary btn-lg"&gt;Launch demo modal2&lt;/a&gt;
  &lt;!-- Modal --&gt;
  &lt;div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
    &lt;div class="modal-dialog"&gt;
      &lt;div class="modal-content"&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;Modal title&lt;/h4&gt;
        &lt;/div&gt;
        &lt;div class="modal-body"&gt;
          ...
        &lt;/div&gt;
        &lt;div class="modal-footer"&gt;
          &lt;button type="button" class="btn btn-default" data-dismiss="modal"&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;!-- /.modal-content --&gt;
    &lt;/div&gt;&lt;!-- /.modal-dialog --&gt;
  &lt;/div&gt;&lt;!-- /.modal --&gt;
  &lt;!-- Modal --&gt;
  &lt;div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
    &lt;div class="modal-dialog"&gt;
      &lt;div class="modal-content"&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;Modal title&lt;/h4&gt;
        &lt;/div&gt;
        &lt;div class="modal-body"&gt;
          ...
        &lt;/div&gt;
        &lt;div class="modal-footer"&gt;
          &lt;button type="button" class="btn btn-default" data-dismiss="modal"&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;!-- /.modal-content --&gt;
    &lt;/div&gt;&lt;!-- /.modal-dialog --&gt;
  &lt;/div&gt;&lt;!-- /.modal --&gt;
&lt;script src="//code.jquery.com/jquery.js"&gt;&lt;/script&gt;
&lt;!--
it only works well in 2.3.2 and 3.0.0-rc1 javascript, any other version shows transparent background 
 //netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/js/bootstrap.min.js
 //netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/js/bootstrap.min.js
 //netdna.bootstrapcdn.com/bootstrap/3.0.0-wip/js/bootstrap.min.js
--&gt;
&lt;script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p dir="auto">It fails in MAC OSX 10.8.4 and Windows 7 Professional, in Safari 6.0.5, Firefox 23.0.1, Google Chrome 29.0.1547.65 and Internet Explorer 10.0.9200.16686.</p>