Skip to content

kazirafeq/Bootstrap-4-Carousel

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Bootstrap 4 Carousel

Free Carousel or Slider Based On Bootstrap 4

  • These are a fully responsive Carousels or Sliders. Based on Bootstrap 4 framework. Highly customizable and easy to use.

  • These carousels or sliders are fully made of Bootstrap 4 and Animate CSS

Here is the list of all types of carousel/ slider

Demo 1 (image-slider-with-animated-caption)

alt text

Demo 2 (logo-carousel)

alt text

Demo 3 (product-carousel)

alt text

Demo 4 (slider-bottom-to-top)

alt text

This Slider can also be Top to bottom, to make it please go to the folder "slider-bottom-to-top" > js > main.js

Here is the code and change it as you need. For further help you can mail me here "hakikz@yahoo.com"

$(document).ready(function(){
            
    $(".carousel-item").addClass('animated slideInUp');
    //"slideInDown" also be used here to Top to Bottom Carousel
    
});

For Further animation please visit Animate CSS

Demo 5 (slider-testimonial)

alt text

Demo 6 (slider-with-image-indicator)

alt text

Demo 7 (slider-with-image-text-and-button)

alt text

Contributors

License

License under the MIT License.

About

Carousel or Slider Based On Bootstrap 4

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 90.0%
  • CSS 9.7%
  • JavaScript 0.3%