在 Bootstrap 中，headers 下面的假水平线是什么？

Question

在 Bootstrap 自己的一些页面上有一个例子可以说明我的意思： http://getbootstrap.com/components/ 在header文字"Glyphicons"下看看怎么有一条1px高的灰色横线？这是一些自动插入 headers 下的分隔符，但我不知道需要更改什么样式属性来修复它。谢谢

Answer 1

这是 border-bottom 关于 .page-header class 的声明。

这是来自 CSS 的完整代码：

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}

您可以在 Bootstrap 自己的样式表中使用以下 CSS 修改颜色：

.page-header {
    border-color: #aaa;
}

Answer 2

您需要覆盖 .page-header class，如果您要删除它，请在 bootstrap 样式之后加载的样式表中执行此操作：

.page-header { border-bottom:none; }

在 Bootstrap 中，headers 下面的假水平线是什么？

In Bootstrap what are these fake horizontal rules beneath headers?

css

twitter-bootstrap

divider