Skip to main content
Nancy OShea
Community Expert
Community Expert
May 3, 2015
해결됨

No <hr> tags in Bootstrap 3?

  • May 3, 2015
  • 1 답변
  • 36956 조회

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

    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 답변

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert작성자답변
    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