html - 带有 Bootstrap 的正文填充和滚动条

Question

最近，我在引导时遇到了页脚颜色的问题。

我通过创建一个 div 并消除本机主体的额外填充解决了这个问题。

您可以在基本版本中找到代码：jsfiddle.net/wctGM/9/

然而，在移动版本中，出现了滚动条，并且通过谷歌浏览器检查，我没有找到任何可以创建它的东西。

你能解释一下这个原因吗？

先谢谢大家了，希望有人能解决问题

Answer 1

以下想法可能会导致滚动条消失：

给你的 div 宽度说 90%

div
{
  width:90%;
}

将 box-sizing:border-box 添加到您的 div 中。

div.container {
 padding : 0 20px;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
}