Adding utility navigation

This project requires utility navigation to allow users to log in or register and to view their carts.

On medium and large viewports, we'll place this utility navigation in the very top-right corner of our banner area as follows:

Adding utility navigation

On smaller screens, we'll display icons at the far right of the collapsed navbar:

Adding utility navigation

Let's set this up.

Still working in index.html, we need to add the markup for our utility navigation within the banner, just after the banner-brand attribute. Here is the full markup, beginning with the opening header

Get Bootstrap Site Blueprints now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.