引导网格，内容高度填充

Question

我不知道如何可以在自举3行的网格布局达到的，与内容的行填充屏幕尺寸（和页眉和页脚是固定的高度）。

这是我想实现的图像：

Answer 1

我要嵌套内容专区内的页眉和页脚，并将此内容div来100％的高度与顶部和底部填充这等于页眉/页脚的高度。

实施例1：http://jsfiddle.net/52VtD/6841/

实施例2（与引导列）：http://jsfiddle.net/52VtD/6842/

实施例3（与滚动内部容器）：http://jsfiddle.net/52VtD/6843/

HTML

html, body { 
    height: 100%; 
} 

.content { 
    height: 100%; 
    position: relative; 
    padding: 40px 0; 
    background: yellow; 
} 

.header { 
    width: 100%; 
    height: 40px; 
    position: fixed; 
    top: 0; 
    background: black; 
} 

.footer { 
    width: 100%; 
    height: 40px; 
    position: fixed; 
    bottom: 0; 
    background: black; 
}