如何包含旋转木马

Question

当我已经在我的rails应用程序中安装了twitter bootstrap时，如何包含carousel（twitter bootstrap的组件）。我的样式表和资源管道中的bootstrap.js.coffee中的文件较少。我想在我的应用程序中使用轮播。怎么做？

Answer 1

正如tdubs回答表明Twitter Bootstrap文档是最佳起点。我发现查看示例页面源确实有帮助。

这就是我实现轮播的方式：

<强> home.js.coffee

$('.carousel').carousel()

查看

<!-- carousel -->
<div id="myCarousel" class="carousel slide">
  <div class="carousel-inner">
    <div class="item active">
      <img src="htpp://someimagepath.com" alt="foo">
      <div class="container">
        <div class="carousel-caption">
          <h1>CAPTION FOO BAR</h1>
        </div>
      </div>
    </div>
    <div class="item">
      <img src="htpp://someimagepath.com" alt="foo">
    </div>
    <div class="item">
      <img src="htpp://someimagepath.com" alt="foo">
    </div>
    <div class="item">
      <img src="htpp://someimagepath.com" alt="foo">
    </div>
    <div class="item">
      <img src="htpp://someimagepath.com" alt="foo">
    </div>
    <div class="item">
      <img src="htpp://someimagepath.com" alt="foo">
    </div>
  </div>
</div><!-- /.carousel -->