Skip to content

hakikz/bootstrap-4-carousel

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Bootstrap 4 Carousel

Free Carousel or Slider Based On Bootstrap 4

  • These are 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" can be used here to make a Top to Bottom Carousel
    
});

For more animation please visit Animate CSS

Demo 5 (slider-testimonial)

alt text

Demo 5.1 (Slider-testimonial2)

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.