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

  1. CSS Sliders
  2. jQuery Sliders

Author

  • rokr

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

Author

  • rokr

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

Author

  • rokr

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

Author

  • rokr

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

Author

  • rokr

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

Author

  • rokr

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

Author

  • rokr

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

Demo image: Bootstrap 4 Simple Image Slider

Author

  • BBBootstrap Team

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

Demo image: Bootstrap 4 Auto Slider

Author

  • Ask SNB

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

Demo image: Bootstrap 4 Testimonials Auto Slider

Author

  • BBBootstrap Team

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

Demo image: Bootstrap Slider Quotes

Author

  • Bootstrapious

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

Author

  • tutorialrepublic

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

Author

  • tutorialrepublic

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

Demo image: Bootstrap 4 Slider Testimonials with Dots

Author

  • BBBootstrap Team

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

Demo image: Bootstrap 4 Carousel Slider

Author

  • Ask SNB

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

Demo image: Bootstrap 4 Image Slider

Author

  • BBBootstrap Team

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

Demo image: Bootstrap 4 Full Page Image Slider Header

Author

  • Start Bootstrap

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

Demo image: Bootstrap 4 Half Page Image Slider Header

Author

  • Start Bootstrap

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

Author

  • LuisCode

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

Author

  • David

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

Demo image: Bootstrap 4 Thumbnail Carousel

Author

  • aholics

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

Author

  • ameer ali

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

Demo image: Fullscreen Slider

Author

  • Christian Carlsson

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

Demo image: Bootstrap Carousel Slider

Author

  • Emran Khan

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

Demo image: Bootstrap Slider Full Screen

Author

  • afmarchetti

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

Demo image: Touch Mobile Bootstrap Slider Gallery

Author

  • Hugh Balboa

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

Demo image: Animated Slider

Author

  • ALIMUL AL RAZY

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

Demo image: Responsive Image Slider

Author

  • divyalahad

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

Demo image: Zoom Image Slider

Author

  • Anirudha Bhowmik

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

Author

  • killa-kyle

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

Demo image: Colourful Tabbed Slider Carousel

Author

  • BhaumikPatel

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