内容div中的页脚（引导程序）

Question

我的页脚卡在内容div中

代码https://jsfiddle.net/rfh7jomp/

尝试过的位置：相对;但是它不会在较小的页面中位于底部。

如果重要的话，使用引导程序。

HTML代码：

<div class="footer">
    <div class="container">
         <p>footer text</p>
    </div>
</div>

CSS代码：

.footer
{
    position: absolute;
    clear:both;
    bottom: 0;
    width: 100%;
    height: 30px;
    padding:3px;
    text-align:center;
    background-color:rgba(111, 111, 111, 0.65);
    border-top:1px solid #bbb;
    color:#F3F3F3;
}

Answer 1

如果您使用的是Bootstrap 3.2.0，只需将课程navbar-fixed-bottom添加到footer课程，然后从position: absolute;

中删除.footer

演示 - ＆GT; https://jsfiddle.net/rfh7jomp/2/