页脚不跨越页面的100％宽度

Question

我的页脚似乎陷入了边缘。但是你可以看到div .mid-content跨越100％的页面。我无法想象这就是我愚蠢的创立。我的页脚有文本引导列。 谢谢您的帮助 PS。请原谅我在社区规则中犯的任何错误，我对这个社区都不熟悉。

Bootply - DEMO

Answer 1

我通过修改下面的两个CSS定义获得了成功。

.wrapper-footer应为全宽，.footer受max-width限制。

background-color应该在.wrapper-footer而不是.footer。

ORIGINAL CSS：

.wrapper-footer {
    margin: 0 auto;
    max-width: 1370px;
}

.footer {
    background-color: #3d3d3d;
    margin-top:50px;
    width:100%;    
}

修改后的CSS：

.wrapper-footer {
    background-color: #3d3d3d;
}

.footer {
    margin:50px auto 0;
    max-width:1370px;   
}

WORKING EXAMPLE

Answer 2

我不担心我发现了这个问题。有一个div没有在它上方正确关闭。