Bootstrap 5 |轮播

Bootstrap 5提供了Carousel，这是用于循环浏览元素的幻灯片放映组件。可以使用bootstrap.js或bootstrap.min.js将其包含在网页中。 Internet Explorer不正确支持轮播，这是因为它们使用CSS3过渡和动画来实现幻灯片效果。它使用CSS 3D转换和一些JavaScript构建。

例子：

    
        
            Bootstrap 5 | Carousel
        
  
        
        
        
      
        
      
    
  
    
        // Customizing the carousel for white background
        .carousel-indicators .active {
            background-color: green;
        }
  
        .carousel-indicators li {
            background-color: burlywood;
        }
    
  
    
        
            
                GeeksforGeeks
            
  
            
                
                
                    
                    
                    
                
  
                
                
                    
                        
                    
  
                    
                        
                    
  
                    
                        
                    
                
  
                
                    
                  
                
                
                    
                  
                
            
        
    

输出：

将标题添加到幻灯片：在.carousel-item类中使用.carousel-caption用于向幻灯片添加标题。
例子：

    
        
            Bootstrap 5 | Carousel
        
  
        
        
        
      
        
      
    
  
    
        // Customizing the carousel for white background
        .carousel-indicators .active {
            background-color: green;
        }
  
        .carousel-indicators li {
            background-color: burlywood;
        }
    
  
    
        
            
                GeeksforGeeks
            
  
            
                
                
                    
                    
                    
                
  
                
                
                    
                        
                        
                            
                                Image 1
                            
                        
                    
  
                    
                        
                        
                            
                                Image 2
                            
                        
                    
  
                    
                        
  
                        
                            
                                Image 3
                            
                        
                    
                
  
                
                    
                  
                
                
                    
                  
                
            
        
    

输出：