Bootstrap页脚问题

Question

我正在为我的应用here使用bootstrap。

我想将页脚粘到页面底部，如下所示

如上所述，页脚不会出现在页面底部。

我已经搜索了stackoverflow并尝试了一些解决方案，但没有解决我的问题。请帮忙

Answer 1

尝试添加以下css

.footer-v1{
position: absolute;
width: 100%;
bottom: 0px;}

Answer 2

使用班级navbar-fixed-bottom part of boootstrap。

您网页的使用示例：

<div class="copyright navbar-fixed-bottom">

Answer 3

<footer role="contentinfo">
    <div class="container-fluid">
        <p>Hello</p>
    </div>
</footer>

<强> CSS

footer{
   bottom: 0;
    position: absolute;
    width: 100%;
}

<强> JS

(function ($) {

    var height = $('footer').height();
    //update the  value when page is loaded
    $(document).ready(function () {
    $('body').css({"margin-bottom" : height });

    });

    //update the  value when the browser is resized (useful for devices which switch from portrait to landscape)
    $(window).resize(function () {
    $('body').css({"margin-bottom" : height });
    });

})(jQuery);