Collection of free Bootstrap slider code examples: with thumbnails, auto, testimonials, vertical, full page, etc. Update of May 2020 collection. 10 new items.
Related Articles
Links
Made with
- HTML / CSS / JS
About a code
Slider V18
Give your users full control over your content with this free slider with navigation template. It is a Bootstrap snippet that promises a great performance across all devices and platforms.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: icomoon.css, owl.carousel.css, animate.css, jquery.js ,popper.js, owl.carousel.js
Bootstrap version: 4.5.3
Links
Made with
- HTML / CSS / JS
About a code
Slider V20
With this massive and attention-grabbing free split-screen slideshow template, you can display different visual content distinctively. The snippet features a slider with vertical transition, title, text and a CTA button.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: icomoon.css, owl.carousel.css, animate.css, jquery.js ,popper.js, owl.carousel.js
Bootstrap version: 4.5.3
Links
Made with
- HTML / CSS / JS
About a code
Slider V15
Take your customer’s feedback showcase to the next level with this attention-grabbing free thumbnail carousel slider snippet.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: icomoon.css, owl.carousel.css, animate.css, jquery.js ,popper.js, owl.carousel.js
Bootstrap version: 4.5.3
Links
Made with
- HTML / CSS / JS
About a code
Slider V10
When rocking multiple images in a slideshow, use this free thumbnail carousel template to offer everyone a quick preview. The tool works great for any type of website, acclimatizing to your theme easily due to the modern design.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: icomoon.css, owl.carousel.css, animate.css, jquery.js ,popper.js, owl.carousel.js
Bootstrap version: 4.5.3
Links
Made with
- HTML / CSS / JS
About a code
Slider V08
Instead of rocking boring testimonials on your website, introduce this free client feedback carousel template instead. It features a split-screen design, one side for adding an image and the other for text.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: ionicons.css, owl.carousel.css, animate.css, jquery.js ,popper.js, owl.carousel.js
Bootstrap version: 4.5.3
Links
Made with
- HTML / CSS / JS
About a code
Slider V06
Mix and match images with text and CTAs cleverly with this free split-screen carousel template. It features a horizontal positioning on desktop but changes to vertical on mobile, making it fully responsive.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: ionicons.css, owl.carousel.css, animate.css, jquery.js ,popper.js, owl.carousel.js
Bootstrap version: 4.5.3
Links
Made with
- HTML / CSS / JS
About a code
Slider V01
Create an impactful and memorable first impression with this free full-screen carousel template. It is 100% responsive, working on smartphones, tablets and desktops.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: ionicons.css, owl.carousel.css, animate.css, jquery.js ,popper.js, owl.carousel.js
Bootstrap version: 4.5.3

Links
Made with
- HTML / CSS / JS
About a code
Bootstrap 4 Simple Image Slider
Bootstrap 4 simple image slider with thumbnails.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Bootstrap version: 4.4.1

Links
Made with
- HTML / CSS / JS
About a code
Bootstrap 4 Auto Slider
Bootstrap 4 auto slider with Font Awesome icons.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css, jquery.js
Bootstrap version: 4.3.1

Links
Made with
- HTML / CSS / JS
About a code
Bootstrap 4 Testimonials Auto Slider
Bootstrap 4 testimonials auto slider with image and content.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css, jquery.js
Bootstrap version: 4.3.1

Links
Made with
- HTML / CSS / JS
About a code
Bootstrap Slider Quotes
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Bootstrap version: 4.3.1
Links
Made with
- HTML / CSS / JS
About a code
Bootstrap Elegant Image Slider
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css, jquery.js, popper.js
Bootstrap version: 4.5.0
Links
Made with
- HTML / CSS / JS
About a code
Bootstrap Carousel with Title Text and Description
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css, jquery.js, popper.js
Bootstrap version: 4.5.0

Links
Made with
- HTML / CSS / JS
About a code
Bootstrap 4 Slider Testimonials with Dots
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Bootstrap version: 4.3.1

Links
Made with
- HTML / CSS / JS
About a code
Bootstrap 4 Carousel Slider
Bootstrap 4 carousel slider with thumbnails.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Bootstrap version: 4.3.1

Links
Made with
- HTML / CSS / JS
About a code
Bootstrap 4 Image Slider
Bootstrap 4 image carousel slider with description.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Bootstrap version: 4.3.1

Links
Made with
- HTML / CSS / JS
About a code
Bootstrap 4 Full Page Image Slider Header
A Bootstrap 4 header with a full page height image slider, navigation, and page content.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Bootstrap version: 4.3.1

Links
Made with
- HTML / CSS / JS
About a code
Bootstrap 4 Half Page Image Slider Header
A Bootstrap 4 header with a half page height image slider, navigation, and page content.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Bootstrap version: 4.3.1
Links
Made with
- HTML / CSS / JS
About a code
Slider Vertical - Bootstrap 4
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: anime.js, jquery.js
Bootstrap version: 4.1.3
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Responsive Bootstrap Slider with Slick
Responsive horizontal timeline using Slick.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: slick.css, jquery.js, slick.js
Bootstrap version: 4.3.1

Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Bootstrap 4 Thumbnail Carousel
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js, popper.js
Bootstrap version: 4.1.3
Links
Made with
- HTML / CSS / JS
About a code
Vertical Slider Bootstrap 4
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Bootstrap version: 4.0.0

Links
Made with
- HTML / CSS / JS
About a code
Fullscreen Slider
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Bootstrap version: 3.3.7

Links
Made with
- HTML / CSS / JS
About a code
Bootstrap Carousel Slider
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Bootstrap version: 3.3.7

Links
Made with
- HTML / CSS / JS
About a code
Bootstrap Slider Full Screen
Bootstrap slider full screen with animations.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: animate.css, jquery.js
Bootstrap version: 3.3.7

Links
Made with
- HTML / CSS / JS
About a code
Touch Mobile Bootstrap Slider Gallery
Simple bootstrap slider with touch enabled.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Bootstrap version: 3.3.6

Links
Made with
- HTML / CSS / JS
About a code
Animated Slider
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: swiper.css, font-awesome.css, jquery.js, swiper.js, tweenmax.js
Bootstrap version: 4.1.1

Links
Made with
- HTML / CSS / JS
About a code
Responsive Image Slider
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Bootstrap version: 4.1.1

Links
Made with
- HTML / CSS / JS
About a code
Zoom Image Slider
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery
Bootstrap version: 4.0.0
Links
Made with
- HTML / CSS / JS
About a code
Tabbed Macbook Mockup Slider
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Bootstrap version: 3.3.0

Links
Made with
- HTML / CSS / JS
About a code
Colourful Tabbed Slider Carousel
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Bootstrap version: 3.0.3