grid-to-carousel.js是一款可以将Bootstrap网格转换为旋转木马特效的jQuery插件。通过该jQuery插件，可以将指定的网格内容扩展为旋转木马效果，通过前后导航按钮来轮流播放。

使用方法

在页面中引入bootstrap相关文件，jquery和grid-to-carousel.js文件。

HTML结构

grid-to-carousel.js使用下面的基本HTML结构。

  

      
      

          

          

          

          

          

          

      

      
      

          

              

                  ?
                  
                  
Designed for your whole team, not just designers
                  

                      CreativeCMS offers your whole team access as required to templates, code
                      (HTML, CSS, JavaScript), fonts and images, providing
                      unlimited scope to extend the default range of components 
                      (Blog, Case studies and all.) to fit the bespoke needs of any client.
                  
              
          
          

              

                  ?
                  
A modern CMS
                  
A platform built for the modern business.
              
          
          

              

                  ?
                  
One United Team
                  
Designed for your whole team, not just designers.
              
          
          

              

                  ?
                  
Nimble  Lively
                  
New websites up and running in seconds.
              
          
          

              

                  ?
                  
Bright Content
                  
A proven CMS to support your success.
              
          
          

              

                  ?
                  
Work Efficiently
                  
Benefit from regular upgrades without disruption.
              
          
      

      
      
          
          Previous
      
      
          
          Next
      
  

  

      

          

              

                  
One Central Location
                  
Easily manage your client base.
              
          
          

              

                  
A modern CMS
                  
A platform built for the modern business.
              
          
          

              

                  
                  
One United Team
                  
Designed for your whole team, not just designers.
              
          
      
      

          

              

                  
                  
Nimble  Lively
                  
New websites up and running in seconds.
              
          
          

              

                  
Bright Content
                  
A proven CMS to support your success.
              
          
          

              

                  
Work Efficiently
                  
Benefit from regular upgrades without disruption.
              
          
      
  

                

初始化插件

在页面DOM元素加载完毕之后，可以通过gridToCarousel()方法来初始化该旋转木马插件。

$(function() {
    $('.features-container').gridToCarousel();
});
                

grid-to-carousel插件的github地址为：https://github.com/nicholaswright/grid-to-carousel。