Не работает бутстрап, карусель управления снизу

Question

"Я создал элемент с этими тегами: href =" # carouselID "role =" button "data-slide =" prev ". Но если я нажму на этот элемент, слайд не изменится"

<div class="gal carousel slide" id="carousel2" data-ride="carousel">

        <div class="carousel-inner">
            <div class="carousel-item active">
              ...  
            </div>
            <div class="carousel-item ">
              ... 
            </div>
            <div class="carousel-item ">
             ...
            </div> 
        </div>
        <div class="carousel__control">
            <a id="carouselPrev" class="arr  " href="#carousel2" role="button" data-slide="prev">
                <span class="icon icon-arr_l"></span>
            </a>
            <a id="carouselNext" class="arr  " href="#carousel2" role="button" data-slide="next">
                <span class="icon icon-arr_r"></span>
            </a>
        </div>
</div>