May 2018
Intermediate to advanced
492 pages
12h 3m
English
The header section we designed before contains a page title and a little navigation bar. Bootstrap has several ways to spiff this up, and even give us a responsive navigation bar which neatly collapses to a menu on small devices.
In views/pageHeader.ejs, make this change:
<header class="page-header"><h1>{{ title }}</h1><nav class="navbar navbar-expand-md navbar-dark bg-dark"> <a class="navbar-brand" href='/'><i data-feather="home"></i></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse ...Read now
Unlock full access