Twitter bootstrap карусель исчезает

Я думаю, что это может быть простой проблемой. но я, похоже, не знаю, как это сделать. лучший способ объяснить это для вас, чтобы увидеть

Ссылка: http://dynastyfireplaces.3dcartstores.com

если вы заметили слайдер на главной странице. он отлично работает, пока не достигнет последнего слайда, затем ползунок исчезнет на пару секунд, а затем снова появится.

Я попробовал обновить фреймворк bootstrap, но он все еще не исправляет проблему.

любые идеи, в которых проблема может быть.

Исходный код:

<div class="carousel slide" id="myCarousel">
    <div class="carousel-inner">
        <div class="item">
            <img alt="" src="...">
        </div>       
        <div class="item">
            <img alt="" src="...">
        </div>   
        <div class="item active">
            <img alt="" src="...">
        </div>
        <a data-slide="prev" href="#myCarousel" class="left carousel-control">‹</a>
        <a data-slide="next" href="#myCarousel" class="right carousel-control">›</a>
    </div>
</div>

Ответ 1

Проблема возникает из .carousel-control, которая не должна быть внутри .carousel-inner: карусель пытается показать элементы управления как элементы, вызывая исчезновение.

Попробуйте следующее:

<div class="carousel slide" id="myCarousel">
    <div class="carousel-inner">
        <div class="item">
            <img alt="" src="...">
        </div>       
        <div class="item">
            <img alt="" src="...">
        </div>   
        <div class="item active">
            <img alt="" src="...">
        </div>
    </div>
    <a data-slide="prev" href="#myCarousel" class="left carousel-control">‹</a>
    <a data-slide="next" href="#myCarousel" class="right carousel-control">›</a>
</div>