Я знаю, Bootstrap 3
что у вас есть горизонтальный разделитель, который вы можете разместить внутри выпадающих меню для разделения таких ссылок:
<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>
Мой вопрос: есть ли способ сделать это без выпадающего списка, например, поместить его в какой-либо список или подобное меню?
twitter-bootstrap
twitter-bootstrap-3
Кеплерио
источник
источник
<hr />
даже лучше.<hr />
предназначен для XHTML. В HTML 4 или 5 это просто<hr>
В настоящее время он работает только для
.dropdown-menu
:Если вы хотите использовать его для других целей, в своем собственном CSS, следуя bootstrap.css, создайте еще один:
источник
Поскольку я нашел
<hr/>
размер Bootstrap по умолчанию неприглядным, вот несколько простых HTML и CSS, чтобы сбалансировать элемент визуально:HTML:
<hr class="half-rule"/>
CSS:
источник