Question

我正在尝试使用bootstrap创建一个页脚3.最后它应该看起来像site。

我已经尝试了这个example，但它是静态的，不随网站移动。

Answer 1

我认为你混淆了粘性页脚是多么令人困惑。粘性页脚是一种页脚，当您没有足够的内容来填充页面时，即使在页面底部也会停留在内容的底部。它使网站看起来整洁和一致。

您要找的是位置属性。在CSS中设置以下类

.fixed-to-bottom{
    position:absolute;
    bottom:0px;
    left:0px;
}

将此类添加到您希望始终显示在屏幕底部的元素。

我希望这会有所帮助。

Answer 2

它是静态的，因为没有内容可以推下页脚，没有滚动条。引导网站上的页脚应该可以正常工作。我为他们的h1添加了一个高度为3000px的高度，并且该页脚随着该站点移动。

除非我感到困惑，否则你不想要一个粘性页脚，在这种情况下这应该可以正常工作

.footer {
width: 100%; /* or whatever */
float: left; /* to clear it */
}

或

.footer {
width: 100%;
clear: both; /* to clear it */
}

还要确保在页脚div中添加.container，然后在.container div中添加内容。然后，您应该使用网站＆＃39;

移动内容

Bootstrap 3没有设置添加页脚的方法，所以发疯了。我能从他们身上看到的唯一自定义页脚是粘性页脚