Bootstrap 3 Flush footer to bottom. not fixed

Question

I am using Bootstrap 3 for a site I am designing.

I want to have a footer like this sample. Sample

Please note that I don\'t want it FIXED so bootstrap navba

Answer 1

UPDATE: This does not directly answer the question in its entirety, but others may find this useful.

This is the HTML for your responsive footer

For the CSS

footer{
    width:100%;
    min-height:100px;    
    background-color: #222; /* This color gets inverted color or you can add navbar inverse class in html */
}

NOTE: At the time of the posting for this question the above lines of code does not push the footer below the page content; but it will keep your footer from crawling midway up the page when there is little content on the page. For an example that does push the footer below the page content take a look here http://getbootstrap.com/examples/sticky-footer/