Book
Submodule 10.4: Carousel
Submodule 10.4: Carousel
Completion requirements
View
- Adding carousel
- Adding CSS Classes
- Adding Carousel Controls
Adding a Carousel
The carousel will be added to the index.html
page. In this page, go to the top of the container div
that contains the content of the page and add a new content row
and an inner div
spanning all the 12 columns as follows:
<div class="row row-content">
<div class="col">
</div>
</div>
Next, add the basic carousel div inside the content row col that you just added as follows:
<div id="mycarousel" class="carousel slide" data-ride="carousel">
</div>