Collection of free Bootstrap slider code examples: with thumbnails, auto, for testimonials, vertical, full page, etc.

21 Bootstrap Sliders

Collection of free Bootstrap slider code examples: with thumbnails, auto, testimonials, vertical, full page, etc.

Related Articles

  1. CSS Sliders
  2. jQuery Sliders

Demo image: Bootstrap 4 Simple Image Slider

Author

  • BBBootstrap Team

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

Demo image: Bootstrap 4 Auto Slider

Author

  • Ask SNB

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

Demo image: Bootstrap 4 Testimonials Auto Slider

Author

  • BBBootstrap Team

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

Demo image: Bootstrap Slider Quotes

Author

  • Bootstrapious

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

Demo image: Bootstrap 4 Slider Testimonials with Dots

Author

  • BBBootstrap Team

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

Demo image: Bootstrap 4 Carousel Slider

Author

  • Ask SNB

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

Demo image: Bootstrap 4 Image Slider

Author

  • BBBootstrap Team

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

Demo image: Bootstrap 4 Full Page Image Slider Header

Author

  • Start Bootstrap

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

Demo image: Bootstrap 4 Half Page Image Slider Header

Author

  • Start Bootstrap

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

Author

  • LuisCode

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

Author

  • David

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

Author

  • ameer ali

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

Demo image: Fullscreen Slider

Author

  • Christian Carlsson

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

Demo image: Bootstrap Carousel Slider

Author

  • Emran Khan

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

Demo image: Bootstrap Slider Full Screen

Author

  • afmarchetti

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

Demo image: Touch Mobile Bootstrap Slider Gallery

Author

  • Hugh Balboa

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

Demo image: Animated Slider

Author

  • ALIMUL AL RAZY

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

Demo image: Responsive Image Slider

Author

  • divyalahad

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

Demo image: Zoom Image Slider

Author

  • Anirudha Bhowmik

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

Author

  • killa-kyle

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

Demo image: Colourful Tabbed Slider Carousel

Author

  • BhaumikPatel

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

back to top