twitter-bootstrap - 带有 twitter 引导库的固定页眉和页脚的单页 Web 应用程序

Question

基本上，我为我的单页 Web 应用程序提出了以下布局。我无法

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 的全高应用布局。