Bootstrap 3样式尝试不起作用

Question

以下是完整代码示例的相关jsFiddle。

我想：

• 更改页脚<hr/>的颜色，但我的样式规则似乎不起作用;和
• 找出原因，如果您将页面分解为全屏，页面显示得太宽，浏览器会显示水平滚动条

我为<hr/>着色的CSS规则是：

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

至于为什么页面太宽，我完全没有想法。任何想法为什么我的尝试都不起作用？

Answer 1

hr标记使用属性border来设置行...如果您需要更改该颜色，请使用：

  

边框顶色

试试这个：

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

DemoFiddle

页面上的滚动条是因为您在页脚上使用absolute position打破了布局。 http://jsfiddle.net/7j9q1ye4/2/

Answer 2

人力资源部门将覆盖整个Div，所以它取决于div的大小， 如果HR所在的div的宽度超过整个页面宽度，则HR将执行相同的操作。它可能与人力资源所在的DIV有关。