<p dir="auto">Referring to <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="19403811" data-permission-text="Title is private" data-url="https://github.com/twbs/bootstrap/issues/10611" data-hovercard-type="issue" data-hovercard-url="/twbs/bootstrap/issues/10611/hovercard" href="https://github.com/twbs/bootstrap/issues/10611">#10611</a>, my issue just got closed without being solved. One admin just 'assuming' something and then the thread gets closed? Great.</p>
<p dir="auto">So back on this, the issue still remains. My content shifts a little when theres less than 4 thumbnails. Everything moves about 2cm when there's less than 4 thumbnails.</p>
<p dir="auto">I wrapped everything in a container, and we are not talking of a scrollbar. I did try to use a clearfix after every 4 thumbnails (4 x 3col = 12col) and that didn't work either.</p>
<p dir="auto">Please don't just close this like you did last time.</p>
<p dir="auto">On <a href="http://twitter.github.com/bootstrap/javascript.html">this page</a>, click "Launch demo modal", then run this JS in the console:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="$(&quot;#myModal&quot;).modal(&quot;hide&quot;).modal(&quot;show&quot;)"><pre class="notranslate"><code class="notranslate">$("#myModal").modal("hide").modal("show")
</code></pre></div>
<p dir="auto">The dialog should hide and show again, which it does, but the background overlay also turns completely black and opaque, which it shouldn't.</p>
<p dir="auto">JsFiddle link: <a href="http://jsfiddle.net/fgVv3/12/" rel="nofollow">http://jsfiddle.net/fgVv3/12/</a></p>