title: How can I remove the fade out of bootstrap's modal-backdrop
body: <p>I want to show the user a series of modals, not just one. My goal is to have the first modal fade in with a backdrop, and leave the backdrop up for the second and third modals without it fading out. The backdrop should then fade out after the third modal. Essentially I want the first modal to appear with the backdrop - then the second and third modals appear over the same backdrop as the first and second modals fade out. Then the third modal should disappear with the backdrop. </p>
  
  <p>I've tried the following code, the modal remains, but the second backdrop won't fire as it seems it waits for the previous modal-backdrop to disappear before firing: </p>
  
  <pre><code>  $('.modal-backdrop.fade').css({
      opacity: 0.8
    });
  </code></pre>
  
  <p>I then tried removing the 'fade' class from the backdrop but that doesn't work either.</p>
  
  <p>The code that triggers the following modal is as follows:</p>
  
  <pre><code>  $modalOne.on('hidden', function (e) {
      $modalTwo.modal('show');
    }
  </code></pre>