Bootstrap collapse has a jumpy transition
<p>I have a problem with the transition of the bootstrap navbar.
the collapse has a jumpy transition when the collapsing element has padding </p>

<p>I googled this issue and it seems that the problem is the padding:</p>

<pre><code>.menu-menu-container{
    padding: 100px 30px 60px 30px;
    background-color: yellow;
}
</code></pre>

<p>in fact if i remove the padding from menu-menu-container element, the animation works well, and it is very smooth </p>

<p>this i my codepen > <a href="http://codepen.io/mp1985/pen/EyOJYE" rel="noreferrer">http://codepen.io/mp1985/pen/EyOJYE</a></p>

<p>How can I achieve the same result without this weird issue?</p>

<p>any help, suggestion or advice?</p>