这是一款基于Bootstrap的图片画廊和lightbox效果模板。这套模板共有4种不同的布局效果，分别为简单布局，流式布局，网格布局和缩略图布局。

模板中的lightbox效果使用baguetteBox.js插件来制作。baguetteBox.js是一款支持移动设备的响应式lightbox插件。

使用方法

在页面中引入baguetteBox.min.css和baguetteBox.min.js文件，以及4种模板对应的CSS文件。

HTML结构

图片画廊使用bootstrap的网格进行布局。最基本的HTML结构如下：

    
Bootstrap 3 Gallery

    
Clean Layout With Minimal Styles
    
    


        


            

                

                    
                        
                    
                    

                        
Thumbnail label
                        
图片描述...
                    
                
            
            

                

                    
                        
                    
                    

                        
Thumbnail label
                        
图片描述...
                    
                
            
            

                

                    
                        
                    
                    

                        
Thumbnail label
                        
图片描述...
                    
                
            
            ......
        

    

      
                

初始化插件

在页面DOM元素加载完毕之后，通过下下面的方法来初始化baguetteBox.js插件。

baguetteBox.run('.tz-gallery');