footer в Bootstrap не уходит вниз

<footer>
<div class="container">
<p class="text-center"> <a href="http://ru.wh-db.com">WH-DB.COM</a> </p>
</div>
</footer>

CSS/

.wrapper {
min-height: 100%;
}

html, body {
height: 100%;
}

footer {
color: #666;
background: #222;
padding: 17px 0 18px 0;
border-top: 1px solid #000;
}

footer a {
color: #999;
}

footer a:hover {
color: #efefef;
}