Skip to main content
Nancy OShea
Community Expert
Community Expert
May 3, 2015
Answered

No <hr> tags in Bootstrap 3?

  • May 3, 2015
  • 1 reply
  • 36957 views

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.

    This topic has been closed for replies.
    Correct answer Nancy OShea

    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.

    1 reply

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity ExpertAuthorCorrect answer
    Community Expert
    May 3, 2015

    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.

    Nancy O'Shea— Product User & Community Expert