JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
<!-- Navigation -->
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
  <a class="navbar-brand" href="#">Navbar</a>
</nav>

<div class="container" id="content">
    <div class="row">
        <div class="col-sm">
        Login Form
        </div>
    </div>
</div>



<!-- Footer -->
<nav class="navbar fixed-bottom navbar-expand navbar-dark bg-dark">
  <a class="navbar-brand mx-auto" href="#">Footer</a>
</nav>

CSS

body 
{
    background-color: #417239
}

#content {
  margin: 100px auto;
  text-align:center;
  color: #fff;
}