title: Bootstrap collapse has a jumpy transition
body: <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>