slider images bootstrap 5 code example

Example 1: bootstrap 5 slider

  

    
    
    
  
  

    

      
      

        
First slide label
        
Some representative placeholder content for the first slide.
      
    
    

      
      

        
Second slide label
        
Some representative placeholder content for the second slide.
      
    
    

      
      

        
Third slide label
        
Some representative placeholder content for the third slide.
      
    
  
  
    
    Previous
  
  
    
    Next
  

Example 2: 3 images slider at 1 time bootstrap\

.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
  transform: translateX(33.33%);
}

.carousel-inner .carousel-item-left.active, 
.carousel-inner .carousel-item-prev {
  transform: translateX(-33.33%)
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}