Learn about carousel component in the newest Bootstrap 5.

Thanks to Bootstrap, with the usage of HTML, CSS and bit of JavaScript, you can easily add responsive carousel slider component to your webiste.

With this tutorial you will learn the basic usage of the carousel and you will also discover a few awesome, hidden options (like video carousel, multiitem carousel or full-page carousel).

???? MDB UI KIT FREE download - https://mdbootstrap.com/

???? Carousel source code and documentation - https://mdbootstrap.com/docs/standard/components/carousel/

???? MDBootstrap Pro - https://mdbootstrap.com/docs/standard/pro/

???? 50% discount code (time-limited promotion) - YT50PRO

???? FREE hosting - https://mdbgo.com/

???? MDB GO / CLI - installation & tutorial https://www.youtube.com/watch?v=F8oRfJkXOWg&list=PLl1gkwYU90QlZgS5k0L63eJMT3BtHUuC9&index=2&ab_channel=KeepcodingKeepcoding

????‍????‍????‍???? If you have any questions - don't hesitate to ask on our Facebook group:
https://www.facebook.com/groups/682245759188413

⭐ Support the creation of open-source packages with a STAR on GitHub
https://github.com/mdbootstrap/mdb-ui-kit

_______________________________
Table of Contents

0:00 Intro
0:18 Installation
2:06 Basic information about carousel
3:15 More than one carousel on the same page
4:50 Changing animation
5:10 Caption
6:10 Responsiveness
7:25 Adding more slides
9:58 Dark variant
10:36 Advanced options
14:30 Multi-item carousel
14:52 Video carousel
15:34 Full-page carousel
16:09 Masks
17:47 Using free hosting for Bootstrap projects

Show more