ruby-on-rails - カルーセルを含める方法

Question

Rails アプリケーションに既に Twitter ブートストラップをインストールしている場合に、カルーセル (Twitter ブートストラップのコンポーネント) を含めるにはどうすればよいですか? スタイルシートのファイルが少なくなり、アセット パイプラインの bootstrap.js.coffee が減りました。アプリケーションでカルーセルを使用したかった。どうやってするか？

Answer 1

tdubsの回答が示すように、TwitterBootstrapのドキュメントが開始するのに最適な場所です。例のページのソースを見ると本当に役立つことがわかりました。

これは、カルーセルを実装する方法です。

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