Bootstrap 4 Carousel Controls Not Working
Never had this issue before, but for whatever reason my carousel controls for a basic BS4 carousel are not working. Interestingly enough, the indicators are working when they are c
Solution 1:
Adding the popper.js may help you.
<!DOCTYPE html><htmllang="en"><head><linkrel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css"><scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script><scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.6/umd/popper.min.js"></script><scriptsrc="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script></head><body><divclass="col-md-6"><divid="carouselExampleIndicators"class="carousel slide"data-ride="carousel"><olclass="carousel-indicators"><lidata-target="#carouselExampleIndicators"data-slide-to="0"class="active"></li><lidata-target="#carouselExampleIndicators"data-slide-to="1"></li><lidata-target="#carouselExampleIndicators"data-slide-to="2"></li></ol><divclass="carousel-inner"><divclass="carousel-item active"><divclass="embed-container"><iframesrc="https://www.youtube.com/embed/..."frameborder="0"allowfullscreen></iframe></div></div><divclass="carousel-item"><divclass="embed-container"><iframesrc="https://www.youtube.com/embed/..."frameborder="0"allowfullscreen></iframe></div></div><divclass="carousel-item"><divclass="embed-container"><iframesrc="https://www.youtube.com/embed/..."frameborder="0"allowfullscreen></iframe></div></div></div><aclass="carousel-control-prev"href="#carouselExampleIndicators"role="button"data-slide="prev"><spanclass="carousel-control-prev-icon"aria-hidden="true"></span><spanclass="sr-only">Previous</span></a><aclass="carousel-control-next"href="#carouselExampleIndicators"role="button"data-slide="next"><spanclass="carousel-control-next-icon"aria-hidden="true"></span><spanclass="sr-only">Next</span></a></div></div></body></html>
Post a Comment for "Bootstrap 4 Carousel Controls Not Working"