September 2018
Intermediate to advanced
398 pages
9h 43m
English
In Bootstrap, a grid is a container composed of rows, each with 12 columns. A class attribute is used to define the type of div.
So, in our case, we would like to have the product list occupy two-thirds of the screen, with the cart getting the rest of row.
The structure of the body in our index.scala.html is as follows:
<body>
<div class="container"> <div class="row"> <div id="productPanel" class="col-8"> <div id="products" class="row"></div> </div> <div id="cartPanel" class="col-4"></div> </div> </div>
</body>
Read now
Unlock full access