Css 如何在单击时将twitter引导下拉菜单悬停并禁用
我发现您缺少开头的Css 如何在单击时将twitter引导下拉菜单悬停并禁用,css,Css,我发现您缺少开头的标记,该标记应如下所示: 关于悬停,您可以使用纯CSShover: .marginBottom-0 { margin-bottom: 0; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-
标记,该标记应如下所示:
关于悬停,您可以使用纯CSShover
:
.marginBottom-0 {
margin-bottom: 0;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #cccccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
border-left-color: #555;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
请参阅下面的工作片段:
.marginBottom-0{
页边距底部:0;
}
.下拉子菜单{
位置:相对位置;
}
.下拉子菜单>.下拉菜单{
排名:0;
左:100%;
利润上限:-6px;
左边距:-1px;
-webkit边界半径:0 6px 6px 6px;
-moz边界半径:0 6px 6px 6px;
边界半径:0 6px 6px 6px;
}
.下拉子菜单>a:之后{
显示:块;
内容:“;
浮动:对;
宽度:0;
身高:0;
边框颜色:透明;
边框样式:实心;
边框宽度:5px 0 5px 5px;
左边框颜色:#中交;
边缘顶部:5px;
右边距:-10px;
}
.下拉子菜单:悬停>a:之后{
左边框颜色:#555;
}
.下拉式子菜单.向左拉{
浮动:无;
}
.下拉子菜单.向左拉>.下拉菜单{
左-100%;
左边距:10px;
-webkit边界半径:6px 0 6px 6px;
-moz边界半径:6px 0 6px 6px;
边界半径:6px 0 6px 6px;
}
.nav li.下拉菜单:悬停>ul.下拉菜单{
显示:块;
}
-
-
-
-
-
-
-
-
-
-
-
-
Bootstrap 3.0.3
导航栏-单击下拉菜单-子-子-子-子。。。
你喜欢吗?
很抱歉犯了这个错误。我的问题是如何将twitter引导下拉菜单悬停并在单击时禁用
.marginBottom-0 {
margin-bottom: 0;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #cccccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
border-left-color: #555;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
.nav li.dropdown:hover>ul.dropdown-menu {
display: block;
}