如何包含旋转木马

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