Wiem, że Bootstrap 3
ma poziomy rozdzielacz, który możesz umieścić w menu rozwijanych, aby oddzielić linki w ten sposób:
<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>
Moje pytanie brzmi: czy istnieje sposób na zrobienie tego bez rozwijania go, na przykład umieszczenie go na jakiejkolwiek liście lub podobnym menu?
twitter-bootstrap
twitter-bootstrap-3
KeplerIO
źródło
źródło
<hr />
jest jeszcze lepszy.<hr />
jest dla XHTML. W HTML 4 lub 5 jest po prostu<hr>
Obecnie działa tylko dla
.dropdown-menu
:Jeśli chcesz go do innego użytku, we własnym css, po pliku bootstrap.css utwórz kolejny:
źródło
Ponieważ uważam, że domyślny
<hr/>
rozmiar Bootstrap jest brzydki, oto kilka prostych HTML i CSS, aby zrównoważyć wizualnie element:HTML:
<hr class="half-rule"/>
CSS:
źródło