No <hr> tags in Bootstrap 3?

[Nancy OShea]

I've got a site with a high number of horizontal rules that won't display in Bootstrap.

What's up with that?  I can overcome it with some inline styles but I'm not too thrilled with that approach.

Has anybody else come across this?

Nancy O.

[Nancy OShea · Accepted solution]

UPDATE:

Bootstrap's default color for <hr> tags is not exactly an all purpose one. #eee is almost invisible on white BG. And the framework CSS fails to include a background-color for the browsers that require it. At least I couldn't find one.

Adding this to my custom.css made the <hr> tag appear as expected.

Works in Chrome, Firefox, Opera and IE.

hr {

    height: 2px;

    background-color:#555;

    margin-top: 20px;

    margin-bottom: 20px;

    width: 75%;

}

Nancy O.