Sé que Bootstrap 3tiene un divisor horizontal que puede colocar dentro de los menús desplegables para separar enlaces como este:
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2">
<li role="presentation" class="dropdown-header">Dropdown header</li>
...
<li role="presentation" class="divider"></li>
</ul>
Mi pregunta es: ¿Hay alguna forma de hacer esto sin que esté en un menú desplegable, como ponerlo en cualquier tipo de lista o menú similar?
twitter-bootstrap
twitter-bootstrap-3
KeplerIO
fuente
fuente

<hr />es incluso mejor.<hr />es para XHTML. En HTML 4 o 5 es solo<hr>Actualmente solo funciona para
.dropdown-menu:Si lo desea para otro uso, en su propio css, siguiendo el bootstrap.css cree otro:
fuente
Como encontré
<hr/>antiestético el tamaño predeterminado de Bootstrap , aquí hay algo de HTML y CSS simple para equilibrar el elemento visualmente:HTML:
<hr class="half-rule"/>CSS:
fuente