用Bootstrap怎么设置页脚一直在最下面呢?

目前我写的网页结构是这样的:

<!-- 导航 -->
<div class="navbar">
</div>
<!-- 图片轮播 -->
<div class="carousel">
</div>
<!-- 内容展示 container 里面分两个 6 -->
<div class="container">
     <div class="col-md-6"></div>
     <div class="col-md-6"></div>
</div>
<!-- 页脚  -->
<div class="footer">
</div>

我想达到的最终效果是:
希望页脚能一直在上面的那个container的下边, 并且页脚是这个页面的结尾了, 但我现在遇到的问题是.. 我调整了上面的container的大小之后, 页脚会被提高或者降低...导致 我写的页脚下面还有空白的地方...
本人初学web.. 希望大牛们能详细说明一下.. 或者给我一个地址我去看, 一直没有搜到怎么解决这种问题的...

补充:
因为有的屏幕是大屏 肯定就一屏显示完了, 有的是小屏一屏显示不完, 希望达到的效果, 就是一直在页面的结尾, 有什么通用的方法么...

---

<div id="footer" class="container">
<nav class="navbar navbar-default navbar-fixed-bottom">
    <div class="navbar-inner navbar-content-center">
        <p class="text-muted credit" style="padding: 10px;">
            ....
        </p>
    </div>
</nav>

---

楼主可以参考一下这个http://blog.csdn.net/lyc_2011_acm/article/details/8685446；虽然不是用bootstrap，但是可以实现楼主的要求应该，可能需要自己写一些代码。