Jquery 引导用按钮将容器流体填充到页脚

我确实有以下小布局：

左边
左边
左边
左边
左边
左边
左边
左边
页脚在这里

---

我的问题是如何根据屏幕大小调整按钮的大小，使其适合从容器到页眉到页脚的按钮。

我被最后一点弄糊涂了……你想让按钮填充容器的整个宽度和高度吗？我正在为移动设备制作一些东西，但按钮必须调整其高度，使其适合移动设备从容器到页脚我被最后一点弄糊涂了……你想让按钮填充整个容器的宽度和高度吗？我正在为移动设备制作一些东西，但按钮必须调整其高度，使其适合从容器到页脚

<div class="container-fluid">
    <div class="row" style="">
        <div class="col-xs-12">
            <div class="btn-group btn-group-justified" role="group" aria-label="...">
                <div class="btn-group" role="group">
                    <button type="button" class="btn btn-default btn-lg">Left</button>
                </div>
                <div class="btn-group" role="group">
                    <button type="button" class="btn btn-default btn-lg">Left</button>
                </div>
            </div>
        </div>
    </div>
    <div class="row" style="">
        <div class="col-xs-12">
            <div class="btn-group btn-group-justified" role="group" aria-label="...">
                <div class="btn-group" role="group">
                    <button type="button" class="btn btn-default btn-lg">Left</button>
                </div>
                <div class="btn-group" role="group">
                    <button type="button" class="btn btn-default btn-lg">Left</button>
                </div>
            </div>
        </div>
    </div>
    <div class="row" style="">
        <div class="col-xs-12">
            <div class="btn-group btn-group-justified" role="group" aria-label="...">
                <div class="btn-group" role="group">
                    <button type="button" class="btn btn-default btn-lg">Left</button>
                </div>
                <div class="btn-group" role="group">
                    <button type="button" class="btn btn-default btn-lg">Left</button>
                </div>
            </div>
        </div>
    </div>
    <div class="row" style="">
        <div class="col-xs-12">
            <div class="btn-group btn-group-justified" role="group" aria-label="...">
                <div class="btn-group" role="group">
                    <button type="button" class="btn btn-default btn-lg">Left</button>
                </div>
                <div class="btn-group" role="group">
                    <button type="button" class="btn btn-default btn-lg">Left</button>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<div class="footer navbar-fixed-bottom">
    <center>
        <h1>footer is here</h1>
    </center>
</div>