Html 创建类似引导的流体布局

我对HTML/CSS还不熟悉，所以我很可能正在破坏它。我用的是bootstrap，但第一天就用了。我试图完全模仿图片中流体布局下的设计：

我目前有：

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span2">
            <!--Sidebar content-->              

        </div>

        <div class="span10" >

        </div>
    </div>
</div> <!-- /container -->  

不过，我的div只有一英寸高，我希望它们能像图中那样进入屏幕底部。我该怎么做

另外，如果我想添加一个标题栏，我如何得到它，使所有的东西都在下面呢？抱歉，如果这有点模糊。。。我对这一切都不熟悉。我担心的是，我开始覆盖CSS中所有类型的预构建功能，结果是一个怪物

---

谢谢

为什么要使用旧版本？我知道这不能回答您的问题，但您应该知道您没有使用最新版本的引导。Bootstrap 2.3大约在18个月前问世，这在前端开发领域是一段很长的时间。3.2是最新版本，其标记与您正在使用的非常不同。DOH！刚刚看到我点击了老文档视图。谢谢。这是最近的吗：哦，现在是旧的span类吗？