Bootstrap 3 Horizontal Divider not in a dropdown

Question

I know Bootstrap 3 has a horizontal divider you can place inside of dropdown menus to separate links like this       lt ul class  dropdown-menu  role  menu  aria-labelledby  dropdownMenu2  gt     lt li role  presentation  class  dropdown-header  gt Dropdown header lt  li gt            lt li role  presentation  class  divider  gt  lt  li gt   lt  ul gt    My question is  Is there any way to do this without it being in a dropdown  such as putting it into any kind of list or similar menu

User · Answer

As I found the default Bootstrap  lt hr  gt  size unsightly  here s some simple HTML and CSS to balance out the element visually   HTML     lt hr class  half-rule   gt   CSS    half-rule        margin-left  0      text-align  left      width  50

User · Answer

Currently it only works for the  dropdown-menu    dropdown-menu  divider     height  1px    margin  9px 0    overflow  hidden    background-color   e5e5e5      If you want it for other use  in your own css  following the bootstrap css create another one    divider     height  1px    width 100     display block     for use on default inline elements like span      margin  9px 0    overflow  hidden    background-color   e5e5e5

User · Answer

Yes there is  you can simply put  lt hr gt  in your code where you want it  I already use it in one of my admin panel side bar

[twitter-bootstrap] Bootstrap 3 Horizontal Divider (not in a dropdown)

Examples related to twitter-bootstrap

Examples related to twitter-bootstrap-3