Bootstrap Carousel Code not working |
Bootstrap Carousel Code not working |
spalisetty |
Sep 2 2020, 02:36 AM
Post
#1
|
Novice Group: Members Posts: 22 Joined: 2-August 20 Member No.: 27,469 |
Hello,
I just started to learn Bootstrap, I am trying to ake use of the Bootstrap code in my IDE, but it is not working. This is the code I copied from Bootstrap. CODE <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> <li data-target="#carousel-example-generic" data-slide-to="2"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="..." alt="..."> <div class="carousel-caption"> ... </div> </div> <div class="item"> <img src="..." alt="..."> <div class="carousel-caption"> ... </div> </div> ... </div> <!-- Controls --> <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> They have also said this, Accessibility issue The carousel component is generally not compliant with accessibility standards. If you need to be compliant, please consider other options for presenting your content. I am not sure how to get over it and make it work. Kindly help |
spalisetty |
Sep 2 2020, 08:46 AM
Post
#2
|
Novice Group: Members Posts: 22 Joined: 2-August 20 Member No.: 27,469 |
I am sorry, it is working, i only had to replace the images
|
Lo-Fi Version | Time is now: 19th April 2024 - 10:03 PM |