Bootstrap粘性页脚无法正常工作

Question

我已经构建了一个Bootstrap站点。你可以在这里看到结果：

http://jsfiddle.net/ytuvB/

我尝试在页面底部包含粘性页脚，但它不会像脚本一样工作。我想整合一个粘贴在这个网站上的粘性页脚！

我试过了：

<header class="page-row">
<h1>Site Title</h1>
</header>
<main class="page-row page-row-expanded">
<p>Page content goes here.</p>
</main>
<footer class="page-row">
<p>Copyright, Lorem ipsum dolor sit amet, consetetur sadipscing elitr, [...] Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</footer>

html,
body { height: 100%; }
body {
display: table;
margin:0;
padding:0;
width: 100%;
}
.page-row {
display: table-row;
}
.page-row-expanded { height: 100%; }