css - twitter-bootstrap 轮播中的表格？

Question

我正在玩backbone.js，并且正在考虑滥用bootstrap-carousel插件来使视图转换更加闪亮。

当从一个包含表格的项目过渡到另一个项目时，幻灯片进行得很好。但是，在转换到表格时，表格直到幻灯片完成后才会出现。

有关演示，请参阅此jsFiddle。

<div id="myCarousel" class="carousel slide">
  <!-- Carousel items -->
  <div class="carousel-inner">
    <div class="active item">
      <table class="table table-bordered table-striped">
        <tr>
          <th>Key</th>
          <th>Value</th>
        </tr>
        <tr>
          <td>bootstrap</td>
          <td>Awesome</td>
        </tr>
      </table>
    </div>
    <div class="item">Second</div>
    <div class="item">Third</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>​

$('.carousel').carousel({
  interval: false
});​

这是我做错了什么，这些转换如何工作的必然结果还是引导程序的一个小错误？

（可在 Chrome 21 和 22、Firefox 14 和 Safari 5.1.7 中重现）

截屏：

Answer 1

如果您将 的高度设置为与您的高度.carousel-inner相同，#myCarousel怎么样？

http://jsfiddle.net/9ga5t/

#myCarousel, 
.carousel-inner {
  height: 300px;
}