Faça o rodapé ficar na parte inferior da página usando o Twitter Bootstrap
Eu tenho algumas páginas da Web que não têm muito conteúdo e o rodapé fica no meio da página, mas eu quero que ele esteja na parte inferior.
Eu coloquei todas as minhas páginas em um "titular"
#holder {
min-height: 100%;
position:relative;
}
E então usei o seguinte CSS para o meu rodapé
ul.footer {
margin-top: 10px;
text-align: center;
}
ul.footer li {
color: #333;
display: inline-block;
}
#footer {
bottom: -50px;
height: 50px;
left: 0;
position: absolute;
right: 0;
}
O html para o meu rodapé
<div class="container">
<div class="row">
<div class="span12">
<div id="footer">
<ul class="footer">
<li>Website built by <a href="#">Fishplate</a></li>
<li>Email:[email protected]</li>
</ul>
</div>
</div>
</div>
</div>
Eu gostaria de manter o fluido do rodapé.