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

Post a Comment

Popular posts from this blog

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

-
so when requesting group sequelize follows: return models.workingcalendar .findall({ attributes: [ 'workingcalendar.periodid', 'workingcalendar.date', 'period.name' ], include: [ { model: models.period, attributes: [] } ], where: { getsudoid: currentgetsudo.id, unitplantid: unitplantid }, group: ['workingcalendar.periodid', 'workingcalendar.date', 'period.name'], }); sequelize run query: select [workingcalendar].[id], [workingcalendar].[periodid], [workingcalendar].[date], [period].[name] [workingcalendars] [workingcalendar] left outer join [periods] [period] on [wor...
Read more

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

-
when responding supplicant_state_changed_action broadcast , attempting send udp packet, exception: java.net.socketexception: sendto failed: eperm (operation not permitted) @ libcore.io.iobridge.maybethrowaftersendto(iobridge.java:542) @ libcore.io.iobridge.sendto(iobridge.java:511) @ java.net.plaindatagramsocketimpl.send(plaindatagramsocketimpl.java:184) @ java.net.datagramsocket.send(datagramsocket.java:305) @ com.mycompany.app.serviceclass.discover(serviceclass.java:355)at com.mycompany.app.serviceclass.access$600(serviceclass.java:39) @ com.mycompany.app.serviceclass$statemachine.run(serviceclass.java:242) @ java.lang.thread.run(thread.java:818) caused by: android.system.errnoexception: sendto failed: eperm (operation not permitted) @ libcore.io.posix.sendtobytes(native method) @ libcore.io.posix.sendto(posix.java:211) @ libcore.io.blockguardos.sendto(blockguardos.java:278) @ libcore.io.iobridge.sendto(iobridge.java:509) @ java.net.plaindat...
Read more

c++ - Migration from QScriptEngine to QJSEngine -

-
i'm migrating qscriptengine code on qjsengine. now, have: class pars { public: static qscriptvalue printmainlog(qscriptcontext* c, qscriptengine* e); }; qscriptvalue pars::printmainlog(qscriptcontext* c, qscriptengine* e) { //some actions return e->globalobject().property(""); } ... qscriptengine engine; ... engine.globalobject().setproperty("printlog",engine.newfunction(pars::printmainlog)); so, user can put printlog("what ever"); in application in , example, qlineedit , function pars::printmainlog evalute. is there way qjsengine? so, user put same printlog("what ever");? way find here , user should put logger.printlog("what ever"); logger class inherited qobject printlog slot.
Read more