bootstrap carousel control buttons not working

Question

I have used this Carousel of bootstrap but it is not working, however it is working on codeply, but not either on codepen or my laptop. I have included bootstrap from cdn too.

<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <h2>hello first</h2>
                </div>
                <div class="carousel-item">
                    <h2>hello second</h2>
                </div>
            </div>
            <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>

question from:https://stackoverflow.com/questions/65895223/bootstrap-carousel-control-buttons-not-working

Answer 1

Waitting for answers