twitter bootstrap carousel disappears

Question

I think this might be a simple issue. but I cant seem to figure this one out. the best way to explain it is for you to see

Link : http://dynastyfireplaces.3dcartstores

Answer 1

The problem comes from the .carousel-controls that should not be inside .carousel-inner : the carousel is trying to show the controls as items, causing the disappearance.

Try this :

<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>