title: Make footer stick to bottom of page using Twitter Bootstrap
body: <p>I have some webpages that do not have much content and the footer sits in the middle of the page, but I want it to be at the bottom. </p>
  
  <p>I have put all my pages in a "holder"</p>
  
  <pre><code>#holder {
    min-height: 100%;
    position:relative;
  }
  </code></pre>
  
  <p>And then used the following CSS for my footer</p>
  
  <pre><code>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;
  }
  </code></pre>
  
  <p>The html for my footer</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="row"&gt;
      &lt;div class="span12"&gt;
        &lt;div id="footer"&gt;
          &lt;ul class="footer"&gt;
            &lt;li&gt;Website built by &lt;a href="#"&gt;Fishplate&lt;/a&gt;&lt;/li&gt;&amp;nbsp;&amp;nbsp;
            &lt;li&gt;Email:exampleemail@gmail.com&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like to keep the footer fluid.</p>