title: How to center spin.js spinner in bootstrap 3 modal?
body: <p>I am trying to display and center the spin.js spinner in a Bootstrap 3 modal.   Using the code below I got it to work in IE and FF but NOT in Chrome, Safari Desktop, Chrome IOS, Safari IOS.</p>
  
  <p>The problem seems to be tied to the fade in animation (gray backdrop overlay) because when I set the modal class to just "modal show" it works but with no fade in animation of course. See this <a href="http://jsfiddle.net/fatfantasma/D6rD6/3/">jsfiddle</a>.  It's when I use "$('#Searching_Modal").modal('show');" that it does not work in some of the browsers described above.</p>
  
  <p>Run this <a href="http://jsfiddle.net/fatfantasma/D6rD6/4/">jsfiddle</a> on both chrome and firefox and you will see what I mean. Does anybody know how to fix this or do it properly?  I do want the bootstrap modal fade in to work.</p>
  
  <p>I'm using Bootstrap 3 and spin.js.</p>
  
  <pre><code>&lt;div id="Searching_Modal" class="modal fade" tabindex="-1" role="dialog" data-keyboard="false"
   data-backdrop="static"&gt;
  &lt;div class="modal-dialog"&gt;
      &lt;div class="modal-content"&gt;
          &lt;div class="modal-header" style="text-align: center"&gt;
              &lt;h3&gt;Searching for Seats&lt;/h3&gt;
          &lt;/div&gt;
          &lt;div class="modal-body"&gt;
              &lt;br&gt;
              &lt;br&gt;
              &lt;br&gt;
  
              &lt;div id="searching_spinner_center" style="position:fixed; left:50%"&gt;&lt;/div&gt;
              &lt;br&gt;
              &lt;br&gt;
              &lt;br&gt;
          &lt;/div&gt;
          &lt;div class="modal-footer" style="text-align: center"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Here is the spin.js set up code:</p>
  
  <pre><code>var opts = {
    lines: 13, // The number of lines to draw
    length: 20, // The length of each line
    width: 10, // The line thickness
    radius: 30, // The radius of the inner circle
    corners: 1, // Corner roundness (0..1)
    rotate: 0, // The rotation offset
    direction: 1, // 1: clockwise, -1: counterclockwise
    color: '#000', // #rgb or #rrggbb or array of colors
    speed: 1, // Rounds per second
    trail: 60, // Afterglow percentage
    shadow: false, // Whether to render a shadow
    hwaccel: false, // Whether to use hardware acceleration
    className: 'spinner', // The CSS class to assign to the spinner
    zIndex: 2e9, // The z-index (defaults to 2000000000)
    top: 'auto', // Top position relative to parent in px
    left:'auto' // Left position relative to parent in px
  };
  //var target = document.getElementById('center_spinner');
  var target = document.getElementById('searching_spinner_center');
  var spinner = new Spinner(opts).spin(target);
  </code></pre>