<hr/>-Element wird bei Verwendung mit Bootstrap nicht angezeigt.

[pkm]

<div class="container-fluid">
    <div class="row">
      <div class="col-sm-10 col-md-10 bg-success">
      <div id="saeule">
        <h3>ÜBERSCHRIFT</h3>
       <p>Lorem</p>
       <p>Ipsum</p>
       <hr/>
       <h3>ÜBERSCHRIFT2</h3>
       <p>Lorem</p>
       <p>Ipsum</p>
      </div>
      </div>
      <div class="col-sm-2 col-md-2 bg-warning">
        <p>bla...</p>
      </div>
    </div>
  </div>

In diesem html, das ich auf einer jsp-Seite hab, wird die horizontale Linie nicht angezeigt. Ich habe es damit versucht, dass ich den z-index hochgesetzt hab, hat sich aber nix geändert. Wieso dieses?

 

[basti1012]

Man müsste das mal in Live sehen dann könnte man dazu mehr sagen.
Warum entsorgst du das hr Element nicht einfach und gibst den h3 einen border-bottom ?
Das wäre vielleicht eine einfache alternative.
Ob Bootstrap bei den hr Element irgendwas überschreibt, kann ich so nicht sagen, das kann man in Live genauer sagen.