css Moodle的粘性页脚与Bootstrap 2

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css Moodle的粘性页脚与Bootstrap 2相关的知识,希望对你有一定的参考价值。

body,
html {
    height: 100%;
    padding-top: 0; /* Revert default padding for navbar */
}
.wrapper {
    min-height: 100%;
    margin-bottom: -150px; /* Negative footer minimum height */
}
.wrapper::after {
    content: "";
    display: block;
    min-height: 150px; /* Footer minimum height */
}
#page-footer {
    box-sizing: border-box;
    margin: 0;
    min-height: 150px; /* Footer minimum height */
}
#page {
    padding-top: 60px; /* Bootstrap Navbar height */
}

以上是关于css Moodle的粘性页脚与Bootstrap 2的主要内容,如果未能解决你的问题,请参考以下文章

css bootstrap 3粘性页脚

Bootstrap 粘性页脚

页脚与内容重叠

粘性页脚问题

Bootstrap 4 - 粘性页脚 - 动态页脚高度

粘性页脚引导程序 4 [重复]