html - Bootstrap Footer not Sticking to the bottom of the page -


i'm using bootstrap 3.3.5 display footer @ bottom of webpages using .navbar navbar-default class. on pages displaying list of items greater 10 footer being displayed correctly @ bottom of page on pages having less 5 items footer being displayed @ middle of page instead of bottom.

html code..

 <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 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> 

after changing navbar class "navbar navbar-default navbar-fixed-bottom" footer fixed bootom of page i'm not able scroll down last item of list. please help..

try this...

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

Comments

Popular posts from this blog

sequelize.js - Sequelize group by with association includes id -

android - Robolectric "INTERNET permission is required" -

java - Android raising EPERM (Operation not permitted) when attempting to send UDP packet after network connection -