ruby-on-rails - 如何包括轮播

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 -->