title: Bootstrap 4.0.0 modal carousel albums animate resize bug
body: <p>I'm trying to create a gallery made of albums (modals); each modal has a basic carousel slideshow inside.<br>
  Pictures inside can have different heights: I found the way to animate the height change, but when I open the modal with <code>data-slide-to="x"</code> that opens directly an image of a different height, won't show.</p>
  
  <p>I made a fiddle of the problem: <a href="https://jsfiddle.net/xpvt214o/63830/" rel="nofollow noreferrer">here</a> <br></p>
  
  <p>If you open the first modal and browse the pictures everything is ok. But if you close the first modal when you are on slide 1 or 3 (the square ones) and you open the second modal (which redirects to slide 2, which has a different height) suddently the animation does <code>height: 0</code></p>
  
  <p>How can I resolve this? Thank You.</p>