在第一张图片上向左滑动时，引导轮播会崩溃答案

【问题标题】：Bootstrap carousel collapse when slide left on first image在第一张图片上向左滑动时，引导轮播会崩溃
【发布时间】：2013-05-13 14:42:00
【问题描述】：

嘿伙计们，我试图搜索但找不到任何东西。我试图设置一个带有 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>

【问题讨论】：

标签： jquery twitter-bootstrap carousel concrete5

【解决方案1】：

您的标记中有一个小错误。您需要做的就是删除.item div 中的.item div。

【讨论】：

真棒，就像一个魅力！不敢相信我没看到:) 谢谢

【解决方案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>

【讨论】：