大佬教程收集整理的这篇文章主要介绍了jquery – 页脚(导航栏)不与侧边栏相关,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
显然,我需要页脚停留在页面底部.我的网格系统为2 8 2.现在,页脚完全适用于中间网格,即col-8.但对于正确的专栏而言,却惨遭失败.
页脚:
<div class="footer navbar navbar-default navbar-fixed-bottom"> <div class="container"> <p class="navbar-text pull-left"> Footer</p> </div> </div>
CSS:
.footer { position:relative; BACkground-color:#ccffcc; color: white; } .container { width: auto; max-width: 680px; padding: 0 15px; height:auto; }
有问题的场景:
Please look at the right side of the page. The footer’s misbehavior with the sidebar….so to speak.
在您的html / css中,您必须添加:
CSS:
* { margin: 0; } html,body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -155px; /* the bottom margin is the negative value of the footer's height */ } .footer,.push { height: 155px; /* .push must be the same height as .footer */ }
HTML:
<div class="wrapper"> <p>Your content.</p> <div class="push"></div> </div> <div class="footer"> <p>Copyright</p> </div>
以上是大佬教程为你收集整理的jquery – 页脚(导航栏)不与侧边栏相关全部内容,希望文章能够帮你解决jquery – 页脚(导航栏)不与侧边栏相关所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。