title: Bootstrap v3.2.0 Modal iFrame not working in Firefox
body: <p>I am using a Bootstrap modal with iFrame works fine in all browsers if I load youtube videos. </p>
  
  <p>I am trying to open PDF documents. I am able to load PDF documents in IE and Chrome but this example is <strong>not working in Firefox.</strong>  </p>
  
  <p>Here is the working example of trying to load a PDF document: </p>
  
  <p><strong><a href="http://jsfiddle.net/2AU6q/147/" rel="nofollow">http://jsfiddle.net/2AU6q/147/</a></strong> </p>
  
  <p><strong>Works fine in all browsers except Mozilla Firefox.</strong> </p>
  
  <p>Currently my work around in using jQuery UI Dialog as its loading PDF in all browsers. </p>
  
  <p>Please let me know if there is any solution to make bootstrap modal work in Firefox. </p>
  
  <p><strong>Modal html:</strong> </p>
  
  <pre><code>&lt;div class="container"&gt; &lt;a class="modalButton" data-toggle="modal" data-src="http://www.pdf995.com/samples/pdf.pdf" data-height=320 data-width=450 data-target="#myModal"&gt;Click me&lt;/a&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;&amp;times;&lt;/button&gt;
                   &lt;h4 class="modal-title" id="myModalLabel"&gt;Modal title&lt;/h4&gt;
  
              &lt;/div&gt;
              &lt;div class="modal-body"&gt;
                  &lt;iframe frameborder="0"&gt;&lt;/iframe&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;
  </code></pre>
  
  <p></p>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$('a.modalButton').on('click', function (e) {
  var src = $(this).attr('data-src');
  var height = $(this).attr('data-height') || 300;
  var width = $(this).attr('data-width') || 400;
  
  $("#myModal iframe").attr({
      'src': src,
          'height': height,
          'width': width
  });
  });
  </code></pre>