The drop-down menu in the bootstrap framework also provides a drop-down divider, assuming that the drop-down menu has two groups, then the group can add a drop-down divider to the group by adding an empty <li>, and adding the class name "divider" to the <li>.
<Divclass= "Dropdown"> <Buttonclass= "btn btn-default dropdown-toggle"type= "button"ID= "DropdownMenu1"Data-toggle= "Dropdown">Drop- down menu<spanclass= "Caret"></span> </Button> <ulclass= "Dropdown-menu"role= "Menu"Aria-labelledby= "DropdownMenu1"> <Lirole= "Presentation"><arole= "MenuItem"TabIndex= "-1"href="#">Drop-down menu item</a></Li> <Lirole= "Presentation"><arole= "MenuItem"TabIndex= "-1"href="#">Drop-down menu item</a></Li> <Lirole= "Presentation"><arole= "MenuItem"TabIndex= "-1"href="#">Drop-down menu item</a></Li> <Li role= "Presentation" class= "Divider " ></ Li > <Lirole= "Presentation"><arole= "MenuItem"TabIndex= "-1"href="#">Drop-down menu item</a></Li> </ul></Div>
Bootstrap Series--25. Drop-down menu split line