Collection of free Bootstrap carousel code examples: responsive, custom, with multiple items, with thumbnails, etc.

16 Bootstrap Carousels

Collection of free Bootstrap carousel code examples: responsive, custom, with multiple items, with thumbnails, etc.

Related Articles

  1. CSS Carousels
  2. JavaScript Carousels
  3. jQuery Carousels
  4. React Carousels
  5. Vue Carousels

Author

  • Morten Brunbjerg Bech

Made with

  • HTML / CSS / JS

About a code

Bootstrap 4 Carousel. Slider with Thumbnail Navigation

Bootstrap's Carousel works well out of the box. However, I need support for thumbnail navigation. Because I don't know the number of images in the carousel, I need a slider for the thumbnails. The slider is built with another instance of the carousel.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, ekko-lightbox.css, jquery.js, popper.js, bootstrap.js, ekko-lightbox.js

Bootstrap version: 4.3.0

Author

  • Rick

Made with

  • HTML / CSS / JS

About a code

Bootstrap Carousel Testimonials

Testimonials using Bootstrap 4 carousel and blockquotes.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, font-awesome.css, bootstrap.js, popper.js, jquery.js

Bootstrap version: 4.1.2

Author

  • FrankieDoodie

Made with

  • HTML / CSS / JS

About a code

Bootstrap 4 Carousel Multiple Items Per Slide Responsive

The carousel is a slideshow for cycling through a series of content, built with CSS 3D transforms and a bit of JavaScript. It works with a series of images, text, or custom markup. It also includes support for previous/next controls and indicators. This example is responsive.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, bootstrap.js, jquery.js

Bootstrap version: 4.1.3

Author

  • Edgar Lnx

Made with

  • HTML / CSS / JS

About a code

Bootstrap 4: Carousel / Slider / Slideshow

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, bootstrap.js, jquery.js

Bootstrap version: 4.1.1

Author

  • Emran Khan

Made with

  • HTML / CSS / JS

About a code

Bootstrap Carousel Slider

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, animate.css, bootstrap.css, jquery.js

Bootstrap version: 3.3.7

Author

  • David

Made with

  • HTML / CSS / JS

About a code

Bootstrap 4 Carousel

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, bootstrap.js, jquery.js

Bootstrap version: 4.0.0

Author

  • Kathy Szczesny

Made with

  • HTML / CSS / JS

About a code

Bootstrap Carousel 100% Fullscreen

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, bootstrap.js, jquery.js

Bootstrap version: 3.3.6

Author

  • adobewordpress

Made with

  • HTML / CSS / JS

About a code

Bootstrap Carousel with Ambilight

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, bootstrap.js, jquery.js

Bootstrap version: 3.3.4

Demo image: Full Screen Carousel with Navbar

Author

  • rlucasr

Made with

  • HTML / CSS / JS

About a code

Full Screen Carousel with Navbar

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, bootstrap.js, jquery.js

Bootstrap version: 4.1.1

Demo image: Bootstrap 4 Carousel

Author

  • CreativeTim

Made with

  • HTML / CSS / JS

About a code

Bootstrap 4 Carousel

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, font-awesome.css, bootstrap-material-design.css, bootstrap.js, jquery.js

Bootstrap version: 4.0.0

Demo image: Bootstrap 4 Carousel Slider

Author

  • mukeshsingh

Made with

  • HTML / CSS / JS

About a code

Bootstrap 4 Carousel Slider

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, animate.css, bootstrap.js, jquery.js

Bootstrap version: 4.0.0

Author

  • tutorialrepublic.com

Made with

  • HTML / CSS / JS

About a code

Bootstrap Thumbnail Carousel

This is a hybrid layout that works with both Bootstrap 3 & 4 versions.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css, bootstrap.css, bootstrap.js, jquery.js

Bootstrap version: 3.3.7

Author

  • tutorialrepublic.com

Made with

  • HTML / CSS / JS

About a code

Bootstrap Product List Carousel

Bootstrap product list carousel for ecommerce website. This is a hybrid layout that works with both Bootstrap 3 & 4 versions.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, bootstrap.css, bootstrap.js, jquery.js

Bootstrap version: 3.3.7

Demo image: Responsive Quote Carousel

Author

  • bmoeller1

Made with

  • HTML / CSS / JS

About a code

Responsive Quote Carousel

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, font-awesome.css, bootstrap.js, jquery.js

Bootstrap version: 3.3.0

Demo image: Carousel with Indicators

Author

  • BootsThemeClub

Made with

  • HTML / CSS / JS

About a code

Carousel with Indicators

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, font-awesome.css, bootstrap.js, jquery.js

Bootstrap version: 3.2.0

Demo image: Carousel Reviews with Rating

Author

  • maxicms

Made with

  • HTML / CSS / JS

About a code

Carousel Reviews with Rating

Carousel reviews with rating - three items.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, bootstrap.js, jquery.js

Bootstrap version: 3.2.0

back to top