Bootstrap CSS组件之下拉菜单(dropdown)

Bootstrap CSS组件之下拉菜单(dropdown)

Bootstrap下拉菜单，常用在开发项目中，今天为大家介绍介绍

dropdown、dropdown-menu、dropdown-header、divider、dropdown-submenu

例子见下拉菜单.html

//源码

.dropup,

.dropdown {

position: relative;

}

.dropdown-toggle:focus {

outline: 0;

}

.dropdown-menu {

position: absolute;

top: 100%;

left: 0;

z-index: 1000;

dKPqXnhUeydisplay: 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, .15);

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;

}

我的书籍

我的书籍

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。