What is the best way to add some space after Bootstrap navbar?

Updated 2018

Bootstrap 3

According to the Bootstrap docs (http://getbootstrap.com/components/#navbar-fixed-top) you should use padding-top on the body..

"The fixed navbar will overlay your other content, unless you add padding to the top of the . Try out your own values or use our snippet below. Tip: By default, the navbar is 50px high."

body { padding-top: 70px; }

Demo: http://www.bootply.com/Ob3Bajkv1f


Bootstrap 4

Padding is also recommended for the fixed-top Navbar in Bootstrap 4 to prevent content hiding at the top of the body. You can add custom CSS for padding-top or use the pt-5 utility class on the body tag:

<body class="pt-5"></body>


You would need some CSS like this:

body {
  padding-top: 20px;
  padding-bottom: 20px;
}

Or like this:

.navbar {
  margin-bottom: 20px;
}

Make sure you only use what you need,