Submodule 10.4: Carousel

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>