title: Open boostrap modal from another boostrap modal make body permanently got padding right
body: <p>I have 2 bootstrap modal in the same page: <code>#modal1</code> and <code>#modal2</code>. <code>#modal2</code> can be toggled by clicking the <strong>Show</strong> button on  <code>#modal1</code>. </p>
  
  <p>Here is my javascript code :</p>
  
  <pre><code>$('#modal1 .show-btn').on('click', function(){
      $('#modal2').modal('show');
  });
  </code></pre>
  
  <p>The problem is that when <code>#modal2</code> is opened and closed, the CSS rule <code>padding-right: 16px;</code> is added to the body tag permanently.</p>
  
  <p>Is there any way to prevent that <code>padding-right</code> when <code>#modal2</code> is toggled? </p>