Question

我认为这可能是一个简单的问题。但我似乎无法想出这个。解释它的最好方法是让你看到

链接：http://dynastyfireplaces.3dcartstores.com

如果您注意到主页上的滑块。它工作正常，直到它到达最后一张幻灯片，然后滑块消失几秒钟然后重新出现。

我尝试更新引导程序框架，但它仍然无法解决问题。

问题所在的任何想法。

源代码：

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

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

twitter bootstrap carousel消失了

1 个答案: