JavaScript and JSON Essentials - Second Edition

Bootstrap responsiveness and styles

Let's go through the steps to style our app, starting with layout elements and then targeting specific ones:

1. To add layout styles we need to add the magic class called container. Why is it magic? Because it is responsible for handling the layout of the web application for each device. This class should be added to the parent of all the elements. The application that we are building has a div element immediately after the body element. And that's the parent to all the Carousel elements:

      <div id="students" class="container"></div>

 It a good practice to not include body elements as a container, as later it may create limitations on designing more parent blocks.

By adding the container class, we get the ...