Haz que el pie de página se pegue a la parte inferior de la página usando Twitter Bootstrap
Tengo algunas páginas web que no tienen mucho contenido y el pie de página se encuentra en el centro de la página, pero quiero que esté en la parte inferior.
He puesto todas mis páginas en un "titular"
#holder {
min-height: 100%;
position:relative;
}
Y luego usé el siguiente CSS para mi pie de página
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;
}
El html para mi pie de página.
<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>
Me gustaría mantener el pie de página fluido.