获取页脚引导程序底部的页脚

Question

我在MVC C＃的bootstrap网站中有以下代码。但是我无法将页脚粘到底部。

  <footer class="main-footer" style="background: #3c8dbc; color: white; position: fixed; bottom: 0; width: 100%;">
                <div class="pull-right hidden-xs">
                    <b>All rights reserved</b>
                </div>
                <strong>Copyright &copy; 2015 <a style="color:white;" href="http://example.com">zyz</a></strong> 
            </footer>

有人可以解释如何修改此代码或任何其他会将页脚放到底部的代码吗？感谢。

Answer 1

你需要修改比页脚更多的CSS，但是 这里有2个关于如何将页脚粘到底部的精彩解释 - http://ryanfait.com/resources/footer-stick-to-bottom-of-page/和https://css-tricks.com/snippets/css/sticky-footer/

Answer 2

您还需要将车身最小高度设置为100％和htmls高度。

html {
    height: 100%;
}
body { 
    min-height: 100%;
}