twitter-bootstrap - 包含项目 div 时的轮播子错误（嵌套轮播）

Question

我在使用嵌套轮播时遇到了一个问题，当我item在子轮播中添加 div 时会发生这种情况：

<div id="carousel-parent" class="carousel slide">
  <div class="carousel-inner">
    <div class="active item">
      <div id="carousel-child" class="carousel slide">
        <div class="carousel-inner">
          <div class="active item">ITEM_1</div>
          <div class="item">ITEM_2</div>
        </div>
      </div>
    </div>
    <div class="item">…&lt;/div>
    <div class="item">…&lt;/div>
  </div>
</div>

在这里，如果我删除“ITEM_1”和“ITEM_2” divs（子项为carousel-inner空），一切正常。但是，如果我只在子轮播上添加一个，item div当我调用父轮播 javascript 方法时，我会得到一些非常奇怪的行为（显然，该类无法在场景中自行更新其位置）。nextprevactive

正常吗？如何避免这种情况？

Answer 1

不支持嵌套轮播，因为“这将是一个糟糕的体验” Github 问题