Bootstrap 5 Carousel Multiple Items Responsive

LOVE U SOME MUCH GOT IT

This was very clear and easy to understand, words can't say how much I appreciate this so I ill just give this video a thumbs up, a subscribe and all notifications clicked.

Awesome video. Not much out on this topic, this helped me out. Thank you.

Hi! Thanks for the video. Should this work with the new version of bootstrap?

For me it is not working as responsive

Awesome thank you so much!!! 💯

what happend to you that u came here to see an indian tutorial?

why when i delete "slide" ini html <div id="carouselExample" class="carousel slide" data-bs-slide="carousel">, the card can't move. If i not delete it, it's move but just move to the side and back again to the first position?? can you help me...

his not work in apply this css
.carousel-inner{
display: flex;
}

.carousel-inner .carousel-item{
display: block;
margin-right: 0;
flex:0 0 calc(100%/3);
}

pleas help mein i follow same pattern

CUANDO LO PONGO REPONSIVE LAS IMAGENES SE MUEVEN SOLAS Y RAPIDO. ¿ ME PUEDES AYUDAR? GRACOIAS

Great video! This is exactly what I was needing!

how do we select all the image cards at once???? please lmk

Which software are you using ma'am?

i dont have any errors on the console

tried this same example but the card is not sliding away. it slides away and then back to the same position

I don't want the cards stop scrolling when they reach at the last. So, how can I use loop for them?

Thank you very much for your great unique solution!
It works in Joomla 4 with Bootstrap v5.1.3 and jQuery v3.6.0. It means that we can make carousel just with standart tools of Joomla.
It didn't work at first and I have error in Firefox: Uncaught TypeError: can't access property "scrollWidth", $(...)[0] is undefined
and in Chrome: Uncaught TypeError: Cannot read properties of undefined (reading 'scrollWidth')
But the author gave advice to place the script after the HTML or wrap the script in:
$(document).ready(function () {
//jQuery code
});
and it started to work!

show mobile view

thank you <3 <3 <3

thanks

Thanks for this video, got it working after a few failed attempts, just typos on my part! New subscriber here for sure!!

the best and fastest tutorial, thank you!

your idea is excellent , first put card then put carousel, because in build carousel size not customize

Hi, thanks for this great video, but i am facing problem when using ngFor for carousal items, the navigation button is not working, i tried ng-container too but still its not working

Hello, so in my project, I want to have 2 carousels in one page, i tried and when i click on prev/next button of the second carousel my first one moved also, but when i click the one from the first carousel it works fine, the second one doesnt move at all (nomalr), how to fix it? Awesome video btw, very helpful!

i'll try this code but slider can't move in my code when i click on next can you help me?

I have an error:
site.js:124 Uncaught ReferenceError: bootstrap is not defined
at site.js:124:20
where this line is:
$(multipleCardCarousel).addClass("slide");
Someone know how to solve this?

you saved my time thanks!

I followed the tutorial to the end, but the next and previous controls are not in the correct position, can you check my code?
control position is on top of the card, not next to it

hi i have a problem: when i click next or previous button, it only moves one card then it go back to it places, it moves like a wave, it doesnt move all carousel, please help me

Hello and thank you very much for sharing this.
I have been trying without luck to hide one the controls when you are on the first or the last item (since you cannot go any further it does not make sense to have the arrow) . Do you have any suggestions how one can do that ? (I actually manage to hide it but if I do, I cannot put it back once I am on the second card or once I have moved back to the second last)

Nice video help me a lot

Nice video
this video help me a lot,
You gain a subscriber