带有固定页眉和页脚的单页Web应用程序，带有Twitter bootstrap库

Question

基本上我为单页网页应用提供了以下布局。我无法

1. 将页脚固定在屏幕底部。
2. 删除由margin-left引起的两个span类之间的空白。这来自响应式twitter css。
3. 仅滚动搜索框和左下角之间的区域。



我基本上有以下布局

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span3">
            <!--Search -->
            <!--scrollable div which doesn't scroll. Actually the scrollbar is for the html body instead of div-->
        </div>
    </div>
    <div class="span9"> <!--unnecessary postive value for margin-left -->
        <!--Header -->
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span12">
                    <!--unnecessary white space on the right -->
                </div>
            </div>
            <div class="row-fluid">
                <div class="span6">
                </div>
                <div class="span6">
                </div>
                <!--margin-left from twitter responsive css > 0 hence showing whitespace -->
            </div>
        </div>
    </div>
</div>

页面布局的灵感来自Steve Sanderson的全高应用layout。