title: Bootstrap carousel item jumping when adding padding to carousel-inner
body: <p>I have tried to troubleshoot this for so long and no luck. the issue is that the slider is working as it should, except when I add padding to <code>.carousel-inner</code> the items is jumping and appearing in the background..</p>
  
  <p><a href="https://codepen.io/anon/pen/qVQMzm" rel="nofollow noreferrer" title="CodePen">Codepen can be found here</a></p>
  
  <p>I have tried forcing no padding/margins, etc. but no luck..</p>
  
  <p><strong>EDIT:</strong> Adding padding to the parent div is not possible(won't fix it) as I'm using <code>box-shadow</code> in the items' contents. and it doesn't appear with <code>overflow:hidden</code></p>
  
  <p>Thank you in advance.</p>