Let's now proceed to code the header and footer for the project. The header will use the default Bootstrap navbar with some color customizations. We'll also be inserting a search form and some other text into the header. Our footer will be super basic, with only a few social media icons and a copyright statement.
Let's start out by creating the header, and then we'll customize it. Here's the code for the entire thing:
<nav class="navbar navbar-default" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bootboard-nav">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Bootstrap...