Ошибки анимации в реализации Bootstrap Carousel - слайды не «толкают» друг друга вкл / выкл

Question

http://gabemcclelland.com/private/appybday/

Как вы можете видеть, когда слайд-шоу переходит к следующему слайду / изображению, оно, кажется, загружается на полпути по экрану вместо того, чтобы «отталкивать» другой слайд.

Я пробовал:

Удаление специальных классов, используемых для оформления внутренней оболочки телефона

Удаление функции 'pause: hover' при первоначальном вызове функции карусели

Answer 1

Попробуйте это:

Удалите все атрибуты width и height из ваших тегов img и вместо этого добавьте их в виде CSS:

<img src="http://gabemcclelland.com/private/appybday/img/slide03.png" alt="slide03" />

Добавьте следующую строку в ваш CSS:

.iphone img {
    height: 480px;
    width: 321px;
}

Также убедитесь, что вы обновили свой скрипт transition.js (и все другие скрипты boostrap, которые у вас могут быть), вы загружаете устаревшую версию.