Sé que Bootstrap 3
tiene 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