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>&nbsp;&nbsp;
          <li>Email:[email protected]</li>
        </ul>
      </div>
    </div>
  </div>
</div>

Me gustaría mantener el pie de página fluido.

Respuestas a la pregunta(7)

Su respuesta a la pregunta