JSFiddle - React, Tailwind, and code Playground

by Chris Rebert

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha/css/bootstrap.min.css">
<nav id="navbar" class="navbar navbar-fixed-top navbar-dark bg-inverse container">
  <a href="www.google.com" class="navbar-brand">google.com</a>
</nav>

<div class="container-fluid">
  <p>I have space above me at 67% 75%, 125%, and 175%. I overlap at 50%</p>
</div>

CSS

body {
  padding-top: 54px;
}

div.container-fluid {
  background-color: red;
}