The term Carousel is inspired from the real-world carousel, which is found in many recreational parks. It rotates the circular structure on which people stand/sit, repeatedly, A web-based carousel behaves similarly. It is a slideshow of images and their respective textual data.

Carousels are one of the most important web components. They are extremely useful for shopping websites to display many products fashionably. Many blogging websites also take advantage of this component.

If you are a novice web designer, then creating a carousel for your own website can be a little complicated. Bootstrap 3, on the other hand, provides a great JavaScript plugin called carousel, which is ready to use.

You have to write many lines of JavaScript and CSS code to create a beautiful image slideshow using Bootstrap. Just like the previous components of Bootstrap, you have to put the right markup in place.

We will cover the following topics in this chapter...