在第一張圖片上滑動時，引導傳送帶摺疊

Question

嘿傢伙我試圖搜索，但無法找到任何東西。我試圖設置一個帶有3個圖像的twitter引導旋轉木馬，一切正常，直到你嘗試向左滑動，當你在圖像1上時，它看起來像「活躍」類消​​失。要查看實時示例，請訪問patfred.se轉至投資組合並單擊圖像，您將看到該輪播。

這是我的代碼。

<div id="myCarousel" class="carousel slide"> 
    <!-- Carousel items --> 
    <div class="carousel-inner"> 
    <div class="active item"><img src="<?php echo DIR_REL . $c->getAttribute('picture1'); ?>"> </img></div> 
    <div class="item"><img src="<?php echo DIR_REL . $c->getAttribute('picture2'); ?>"> </img></div> 
    <div class="item"><div class="item"><img src="<?php echo DIR_REL . $c->getAttribute('picture3'); ?>"> </img></div></div></div> 
    <!-- Carousel nav --> 
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> 
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> 
</div> 
<p class="portfolio-info"> <?php echo $c->getCollectionDescription(); ?></p> 
<a href="<?php echo $c->getAttribute('out_link'); ?>" target="_blank">Gå till sidan</a> 

Answer 1

您的標記存在一個小小的錯誤。所有你需要做的是，刪除.item div內的.item div。

Answer 2

<img></img> 

這是不對的。圖像標籤不會以這種方式關閉。

<img src="" /> 

這是正確的。

而亞...... .item元素是重複每個幻燈片agriboz說。

<!-- Carousel items --> 
<div class="carousel-inner"> 
    <div class="active item">…</div> 
    <div class="item">…</div> 
    <div class="item">…</div> 
</div>