Bootstrap CSS Component drop-down menu (dropdown) _javascript tips

Bootstrap Drop-down menu, commonly used in development projects, today to introduce you

Dropdown, Dropdown-menu, Dropdown-header, divider, Dropdown-submenu
For example, see Drop-down menu. html

Source code
. Dropup,
. Dropdown {
 position:relative
}
. Dropdown-toggle:focus {
 outline:0
}
. Dropdown-menu {
 position:absolute;
 top:100%;
 left:0;
 z-index:1000;
 Display:none;
 Float:left;
 min-width:160px;
 padding:5px 0;
 margin:2px 0 0;
 font-size:14px;
 Text-align:left;
 List-style:none;
 Background-color: #fff;
 -webkit-background-clip:padding-box;
     Background-clip:padding-box;
 border:1px solid #ccc;
 border:1px solid Rgba (0, 0, 0,.);
 border-radius:4px;
 -webkit-box-shadow:0 6px 12px rgba (0, 0, 0,. 175);
     box-shadow:0 6px 12px rgba (0, 0, 0,. 175);
dropdown-menu.pull-right {
 right:0;
 Left:auto
}
. Dropdown-menu. Divider {
 height:1px;
 MARGIN:9PX 0;
 Overflow:hidden;
 Background-color: #e5e5e5;
Dropdown-header {
 display:block;
 PADDING:3PX 20px;
 font-size:12px;
 line-height:1.42857143;
 Color: #777;
 White-space:nowrap;
}

<! DOCTYPE html>  

The above is the entire content of this article, I hope to help you learn, but also hope that we support the cloud habitat community.