html - Bootstrap页脚不粘在页面底部

我正在使用Bootstrap 3.3.5，使用.navbar navbar-default类在网页底部显示页脚。在显示项目列表大于10的页面上，页脚正确显示在页面底部，但是在项目少于5个的页面上，页脚显示在页面中间而不是底部。

HTML代码

 <nav class="navbar navbar-default" style="margin-bottom:0px;padding-botton:0px">
            <div class="container-fluid">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbarBottom">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                </button>
                <div class="collapse navbar-collapse" id="myNavbarBottom">
                    <ul class="nav navbar-nav navbar-center">
                        <li><a href="https://www.linkA.com"><span class="glyphicon glyphicon-th-large"></span> About</a></li>
                        <li><a href="https://www.linkB.com"><span class="glyphicon glyphicon-pencil"></span> Blog</a></li>
                        <li><a href="https://www.linkC.com"><span class="glyphicon glyphicon-road"></span> How It Works</a></li>
                        <li><a href="https://www.linkD.com"><span class="glyphicon glyphicon-certificate"></span> Credits</a></li>
                        <li><a href="https://www.linkE.com"><span class="glyphicon glyphicon-earphone"></span> Contact</a></li>
                        <li><a href="https://www.linkF.com" target="_blank"><span class="glyphicon glyphicon-comment"></span><b style="color:blue;"> Survey</b></a></li>
                    </ul>
                </div>
            </div>
        </nav>

将navbar类更改为“ navbar navbar-default navbar-fixed-bottom”后，页脚固定在页面的底部，但我无法向下滚动到列表的最后一项。请帮忙..

最佳答案

尝试这个...

.navbar{
  position:absolute;
  bottom:0;
  width:100%;
}

关于html - Bootstrap页脚不粘在页面底部，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37781620/