Css Bootstrap 3样式设置尝试不起作用

下面是相关的完整代码示例

我正在努力：

• 更改页脚
  的颜色，但是我的样式规则似乎不起作用；及
• 找出原因，如果您将页面拆分为全屏，页面会显得太宽，浏览器会向您显示一个水平滚动条

我给

上色的CSS规则是：

hr {
    color: rgb(255,0,0);
}

---

至于为什么这一页太宽，我完全没有主意了。你知道为什么我在这里的尝试不起作用吗？

人力资源部会检查整个部门，所以这取决于部门有多大，

---

如果HR所在的div的宽度超过整个页面的宽度，HR也会这样做。它可能与HR所在的DIV有关。

标记使用属性

边框来设置行。。。如果需要更改该颜色，请使用：

边框顶色

试试这个：

footer hr {
  border-top-color:blue;
}


页面上的滚动条是因为您正在使用页脚上的
绝对位置
打破布局