title: Bootstrap body auto padding remove after open modal
body: <p>After open bootstrap modal a auto padding-right : 19px adding in body tag. I want to remove this auto padding. I have tried bellow code for modal and remove body auto padding.</p>
  
  <pre><code>&lt;div class="media" data-toggle="modal" data-target="#kolpochitro"&gt; 
               --------
  &lt;/div&gt;
  </code></pre>
  
  <p>Then I have written </p>
  
  <pre><code>&lt;div class="modal fade" id="kolpochitro" role="dialog"&gt;
      &lt;div class="modal-dialog modal-sm" &gt;
  
        &lt;!-- Modal content--&gt;
        &lt;div class="modal-content"&gt;
          &lt;div class="modal-header"&gt;
                -------
          &lt;/div&gt;
          &lt;div class="modal-body"&gt;
                ------
          &lt;/div&gt;
        &lt;/div&gt;
  
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>After open modal my body tag looking at firebug </p>
  
  <pre><code>&lt;body class="cbp-spmenu-push modal-open" style="padding-right: 19px;"&gt;
  </code></pre>
  
  <p>for remove this style I am trying bellow code </p>
  
  <pre><code>$('document').ready(function(){
              $('.media').click(function(){
                  $("body").removeAttr("style");
              })
  })
  </code></pre>
  
  <p>But it's not working.</p>