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:
On smaller screens, we'll display icons at the far right of the collapsed navbar:
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.