With the release of Bootstrap 4, and Bootstrap 5 a bit later, a lot of components have been completely rethought and refactored to improve the user experience and make development easier.
This was the case with the carousel which has now been made more flexible and mobile-friendly.
To help you get started using the new component in your apps, this post will walk you through a basic carousel with some custom styles.
I will show you how to create a Bootstrap carousel with quotes. Each quote will have the main text, author name + source title, and a neat user avatar with a border & shadow.
Are you ready? Check out the free code in the JSFiddle below.
If you liked this snippet, you might also enjoy exploring jQuery add rows to table or Bootstrap Animated Button .