Bootstrap 5 Card Carousel | Multiple items carousel

Here's how you can modify the Bootstrap image carousel to create a Bootstrap carousel with multiple items.

HTML | CSS | BOOTSTRAP

Timestamps:
0:00 - Final Output
0:10 - Channel Intro
0:14 - Add Bootstrap carousel with controls
0:30 - Replace images with Bootstrap cards
1:33 - Display three cards per slide and additional styling
5:10 - Display one card per slide on mobile and hide the rest two
7:02 - Replicating carousel to display different version on mobile
9:00 - Extra styling

Source code for Card Carousel Bootstrap 5:
https://codingyaar.com/bootstrap-4-carousel-multiple-items-responsive/

Disclaimer:
This video was made using Bootstrap 5 while the source code uses Bootstrap 4. So make sure you use the correct starter template/links and the respective carousel.

Bootstrap 5 Carousels Playlist:
https://www.youtube.com/playlist?list=PLEGWy2sQ80YvomOWLuUvsILbu7EmQ1V5R

Bootstrap carousel with vertical text thumbnails on left:
https://youtu.be/z1BY8DnENmg

Bootstrap 5 Navbars Playlist:
https://www.youtube.com/watch?v=NcGehKh3CpA&list=PLEGWy2sQ80YteTylA0vinRlvF-n-LuIHg

Bootstrap 5 Cards Playlist:
https://youtube.com/playlist?list=PLEGWy2sQ80YtFWWVixRdb6NXnFpdugHf-

#bootstrapcarousel #carousel #slider #bootstrap #bootstrap5

Coding Yaar's Discord server: https://discord.gg/raxEDEWkCk

You can support me by donating here:
https://www.buymeacoffee.com/codingyaar
__________________________________________________

Code Editor: Visual Studio Code
Mic: https://amzn.to/3ONPnA3
Hosting for codingyaar.com: https://www.hostg.xyz/SHDLx

__________________________________________________

Patreon: https://www.patreon.com/CodingYaar