Решено таким образом:
<html>
<head></head>
<body>
<div id="center" class="container" >
<nav role="navigation" class="navbar navbar-default navbar-inverse "></nav>
<div class="content">
<div style="clear:both;"></div>
</div>
<footer><p class="text-center">Powered by DJANGO 1.10.3</p></footer>
html,
body,
#center {
height: 100%;
}
html {
min-height: 100%;
overflow-y: scroll;
}
body {
font-family: "PT Sans";
background: #FFFFFF;
color: #2F4F4F;
font-size: 150%;
background: url("../images/foggy_birds.png") repeat;
min-height: 100%;
}
#center {
padding-left: 0;
padding-right: 0;
background: #FFFFFF;
position: relative;
}
.content{
padding-left: 16px;
padding-right: 16px;
box-sizing: border-box;
min-height: 100%;
height: auto;
padding-bottom: 90px;
background: inherit;
}
footer {
height: 80px;
margin-top: -80px;
background-color: #1b6d85;
}
