Twitter bootstrap 拉伸页面始终为100%高度？_Twitter Bootstrap_Css

Twitter bootstrap 拉伸页面始终为100%高度？

twitter-bootstrap css

Twitter bootstrap 拉伸页面始终为100%高度？,twitter-bootstrap,css,Twitter Bootstrap,Css,我正在推特引导程序中创建一个网页（如果有关系的话），我希望该网页是100%；在高度上，因此页面底部或顶部不会有任何空白，因为现在看起来是这样的：我希望它看起来像这样：虽然长页面不应该在容器中有任何额外的空格，但它的高度仍然是100%，如下所示：但我如何才能做到这一点呢？因为布局是流动的试试这个 <html> <link rel="stylesheet" type="text/css" href="http://twitter.github.com/boot

我正在推特引导程序中创建一个网页（如果有关系的话），我希望该网页是100%；在高度上，因此页面底部或顶部不会有任何空白，因为现在看起来是这样的：

我希望它看起来像这样：

虽然长页面不应该在容器中有任何额外的空格，但它的高度仍然是100%，如下所示：

但我如何才能做到这一点呢？因为布局是流动的

试试这个

<html>
    <link rel="stylesheet" type="text/css" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
    <body>
      <div id="fill">
        <div id="content"></div>
      </div>
    </body>
</html>

我将使用display:table和display:table行。对于不支持display:table的旧浏览器，可以使用Modernizer和jQuery回退。这是一把小提琴：

有关CSS表显示支持的更多信息，请访问。

这需要jquery，但似乎可以很好地获得整个页面，不管屏幕大小如何，至少对我来说是这样

    var height = $(window).height();
    var cssheight = String(height)
    $('#tabs-1').css('height', cssheight);

不。这将打破流动的布局。引导实际上使用的是Modernizer（或者至少是wordpress的根主题==引导）

    var height = $(window).height();
    var cssheight = String(height)
    $('#tabs-1').css('height', cssheight);