how to put dot indicater outsid of carosoul

I adding a carosoul in my page and carosoul working fine

but i want to add dot control means when click the dot then carousol image move

current output:

I want to add this type of dots control outside of the carousel

Code:

class="container">
class="row">
class="col-md-6">
class="container-lg my-3">
"myCarousel" class="carousel slide" data-ride="carousel">
Carousel indicators
class="carousel-indicators">
"#myCarousel" data-slide-to="0" class="active">
"#myCarousel" data-slide-to="1">
"#myCarousel" data-slide-to="2">

Wrapper for carousel items

class="carousel-inner">

class="carousel-item active">

"https://images.unsplash.com/photo-1489824904134-891ab64532f1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2592&q=60%202592w" style="width:300px;height:300px;" alt="First Slide">

class="carousel-item">

"https://images.unsplash.com/photo-1489824904134-891ab64532f1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2592&q=60%202592w" style="width:300px;height:300px;" alt="Second Slide">

class="carousel-item">

"https://images.unsplash.com/photo-1489824904134-891ab64532f1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2592&q=60%202592w" style="width:300px;height:300px;" alt="Third Slide">

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh6y ago
Accepted answer
instead of prev and next use dot indicator
class="carousel-indicators">
                    "#mycarousel" data-slide-to="0" class="active">

                    "#mycarousel" data-slide-to="1" >

                    "#mycarousel" data-slide-to="2" >
//css
.carousel-indicators li {
width: 10px;
height: 10px;
border-radius: 100%;
}

Sachin Singh6y ago
yes put it wherever you want
0
-------6y ago
hello sachin singh

it is posible to put dot outside the carousel

can you help more?
0