如何包含旋轉木馬

Question

如何在我的Rails應用程序中安裝twitter引導程序時包含旋轉木馬（twitter引導的組件）？我的樣式表中的文件較少，資產管道中的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 -->