html - 页脚未生成页面的 100% 宽度

Question

我的页脚似乎卡在了页边距内。但正如您所见，div .mid-content 占据了页面的 100%。我想不通这让我很愚蠢。我有带有文本 Bootstrap 列的页脚。感谢您的帮助附言。请原谅我在社区规则中犯的任何错误我是这个社区的新手。

Bootply - DEMO

Answer 1

我成功地修改了下面的两个 CSS 定义。

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

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

原始 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