Bootstrap modal remove some space at the bottom
<p>I tried with no success to remove some space at the bottom of a Modal:</p>

<pre><code>&lt;div class="modal fade" id="ModalDetails" role="dialog" &gt;
&lt;div class="modal-dialog modal-lg"&gt;

    &lt;!-- Modal content--&gt;
    &lt;div class="modal-content" style="background-color:red;margin:0px;padding:0px;"&gt;
        &lt;div class="modal-header"&gt;
            &lt;button type="button" class="close" data-dismiss="modal"&gt;&amp;times;&lt;/button&gt;
            &lt;h4 class="modal-title"&gt;&lt;i class="fa fa-user-plus fa-3x pad-r-10"&gt;&lt;/i&gt;Informations détaillées d un compte&lt;/h4&gt;
        &lt;/div&gt;
        &lt;div class="modal-body pad-0"&gt;
            &lt;iframe id="If_accountdetails" name="If_accountdetails" width="100%" height="400" style="overflow-x:hidden !important;border: 0px;" class="noborder" src="about:blank"&gt;&lt;/iframe&gt;
        &lt;/div&gt;
    &lt;/div&gt;

&lt;/div&gt;
</code></pre>

<p>We can see a red line corresponding to the modal-content despite a margin and a padding to 0px:
<a href="http://i.stack.imgur.com/IEmvN.jpg" rel="nofollow">Modal with space (red)</a></p>

<p>Does anyone know how to remove this space?</p>

<p>Thanks. </p>