bootstrap-carousel | Bootstrap-carousel is a wrapper of the Carousel plugin | Carousel library

I've been attempting to setup a way to link to certain slides within my bootstrap carousel. I've attempted all of the solutions from here, including the both the javascript ones and non-javascript ones. I've attempted using normal anchors, ordered/unordered lists, and buttons, both inside and outside the main carousel div.

So far it seems I can't get any variation of data-slide-to, data-slide, or anything else to work. The next slide and previous slide buttons, however, work perfectly fine. I just can't seem to link to a specific slide. Are these methods outdated with the latest version of bootstrap, or is there something I'm missing?

My most recent iteration is below:

i've tried a Bootstrap-Carousel in this Page: http://www.karsten-heimer.de/Medien_121.html

The Carousel is not working, it shows only the first of two pictures... What do i wrong?

Greetings...

Edit: Bootstrap should be Version 5.

This is the code:

I need a bootstrap 5 carousel, showing multiple items and slide one at time. All I need is to translate the Jquery code to pure Javascript. Then I could remove the jquery dependency. I found this solution does the job, is light, and understandable. So it’s exactly what I need, except it has Jquery depencendy. DEMO

FULL CODE

Using @YBS suggestion to put, "bs_carousel(...) inside a renderUI" Here is my attempt. The slides render and autoplay is off at first. However, click the right chevron and autoplay begins.

I am trying to execute a simple function. But eslient tells me that I have a Parsing error: Unexpected token.

I read the solution for putting php code to create a bootstrap carousel here:

PHP with Bootstrap Carousel

But I have a bit of trouble with the indicators, if I put the php code in there, only 1 indicator appears. I would like to have as much indicators appear as there are images in my db.

Hope someone can help.

The code I have now is just the non-php code for the indicators, I always end up with only 1 indicator.

In case you're about to refer me to this : Bootstrap Carousel not working after adding items dynamically with jQuery , what this person was doing is different.

Im getting the paths for 3 images from a javascript variable in an external js file and adding them to an img element in a bootstrap carousel by adding the src attribute using jquery.

This is the javascript variable in the external file:

I'm learning Angular. I wanted to create a simple carousel so that I can show my sponsors on homepage. I came across many study materials that talks about bootstrap carousel. But I don't want that. I want to use ngx-owlcarousel-o. I followed exactly as mentioned in their documentation. And sorry, i thought pasting code here can be very confusing for all. To save everyone's time and effort I've created a stackblitz. My problem is that I'm not getting slide in the center. They're aligned to left no matter what css i apply. Please correct me.

This is my card-holder.component.html

I am working in an angular 6 project , here I need to get the size of the array which comes from the API response .

While inspect the data which I have received from API call ,I can see that the array size is 3 in console .I don't know how to get the array size in a component variable.