Put <nav> into a div with a nicer-displaying bottom margin.

This commit is contained in:
Audrey Roy Greenfeld 2015-08-30 15:41:46 -07:00
parent 243e823a2e
commit 139deaf6b8
3 changed files with 36 additions and 24 deletions

View File

@ -32,3 +32,8 @@
background-color: #f2dede; background-color: #f2dede;
border-color: #eed3d7; border-color: #eed3d7;
} }
/* line 36, ../sass/project.scss */
.navbar-header {
margin-bottom: 3rem;
}

View File

@ -31,3 +31,8 @@
background-color: #f2dede; background-color: #f2dede;
border-color: #eed3d7; border-color: #eed3d7;
} }
// Give header a nice bottom margin
.navbar-header {
margin-bottom: 3rem;
}

View File

@ -31,6 +31,7 @@
<body> <body>
<div class="navbar-header">
<nav class="navbar navbar-dark navbar-static-top bg-inverse"> <nav class="navbar navbar-dark navbar-static-top bg-inverse">
<div class="container"> <div class="container">
<a class="navbar-brand" href="/">{% endraw %}{{ cookiecutter.project_name }}{% raw %}</a> <a class="navbar-brand" href="/">{% endraw %}{{ cookiecutter.project_name }}{% raw %}</a>
@ -57,6 +58,7 @@
</div> </div>
</div> </div>
</nav> </nav>
</div>
<div class="container"> <div class="container">