Twitter bootstrap 3 打字错误。6.2.2引导程序3-可访问多级导航

我尝试了新的Bootstrap3软件包-它真的很棒

现在，我希望在设置中至少有一个3级导航和修改的lib.navigation.main：

lib.navigation.main = COA
lib.navigation.main {
    10 = HMENU
    10 {
        1 = TMENU
        1 {
            wrap = <ul class="nav navbar-nav navbar-main">|</ul>
            expAll = 1
            noBlur = 1
            NO = 1
            NO {
                ATagTitle.field = abstract // description // title
                ATagBeforeWrap = 1
                linkWrap = |<mark class="bar"></mark>
                wrapItemAndSub = <li>|</li>
                wrapItemAndSub.override.cObject = COA
                wrapItemAndSub.override.cObject {
                    if {
                        value = 4
                        equals.field = doktype
                        isTrue = 1
                        isTrue.if {
                            value.data = TSFE:page|uid
                            equals.field = shortcut
                        }
                    }
                    10 = TEXT
                    10.value = <li class="active">|</li>
                }
            }
            ACT < .NO
            ACT {
                wrapItemAndSub = <li class="active">|</li>
            }
            CUR < .ACT
            IFSUB < .NO
            IFSUB {
                doNotLinkIt = 1
                allWrap = <a href="#" class="dropdown-toggle" data-toggle="dropdown">|<b class="caret"></b></a>
                wrapItemAndSub = <li class="dropdown">|</li>
            }
            ACTIFSUB < .IFSUB
            ACTIFSUB {
                wrapItemAndSub = <li class="active dropdown">|</li>
            }
            CURIFSUB < .ACTIFSUB
        }
        2 < .1
        2 {
            wrap =  <ul class="dropdown-menu">|</ul>
            SPC = 1
            SPC {
                wrapItemAndSub = <li class="divider"></li><li class="dropdown-header">|</li>
            }
         ACT < .NO
            ACT {
                wrapItemAndSub = <li class="active">|</li>
            }
            CUR < .ACT
            IFSUB < .NO
            IFSUB {
                doNotLinkIt = 1
                allWrap = <a href="#" class="dropdown-toggle" data-toggle="dropdown">|<b class="caret"></b></a>
                wrapItemAndSub = <li class="dropdown">|</li>
            }
            ACTIFSUB < .IFSUB
            ACTIFSUB {
                wrapItemAndSub = <li class="active dropdown">|</li>
            }
            CURIFSUB < .ACTIFSUB
       }

    3 < .1
    3 {
    wrap =  <ul class="dropdown-submenu">|</ul>

            IFSUB >
            ACTIFSUB >
            CURIFSUB >
        }
    }
}

lib.navigation.main=COA
lib.navigation.main{
10=汉努
10 {
1=t菜单
1 {
包裹=

expAll=1
noBlur=1
否=1
没有{
ATagTitle.field=摘要//说明//标题
ATagBeforeWrap=1
链接包裹=|
wrapItemAndSub=
|
wrapItemAndSub.override.cObject=COA
wrapItemAndSub.override.cObject{
如果{
值=4
equals.field=doktype
isTrue=1
如果{
value.data=TSFE:第|页uid
等于。字段=快捷方式
}
}
10=文本
10.value=
|
}
}
第号法案
表演{
wrapItemAndSub=
|
}
当前法案
国际单项体育联合会
IFSUB{
doNotLinkIt=1
全部包裹=
wrapItemAndSub=
|
}
activifsub<.IFSUB
ACTIFSUB{
wrapItemAndSub=
|
}
CURIFSUB<.ACTIFSUB
}
2 < .1
2 {
包装=

SPC=1
SPC{
wrapItemAndSub=
|
}
第号法案
表演{
wrapItemAndSub=
|
}
当前法案
国际单项体育联合会
IFSUB{
doNotLinkIt=1
全部包裹=
wrapItemAndSub=
|
}
activifsub<.IFSUB
ACTIFSUB{
wrapItemAndSub=
|
}
CURIFSUB<.ACTIFSUB
}
3 < .1
3 {
wrap=

IFSUB>
ACTIFSUB>
CURIFSUB>
}
}
}

不幸的是，菜单工作不正常（3级条目可见，没有弹出）。我还包括paypal易访问性插件…

将此添加到您的（自定义）css中：

/* optional */
.dropdown-menu {
   margin:0;
   width:220px;
}
.open > .dropdown-menu .dropdown-menu {

    top:-1px;
    left:100%;
}

/* must */
.open > .dropdown-menu li:hover .dropdown-menu {
    display: block;
}