Twitter bootstrap 3 在带有面板列表组的引导3缩略图中键入3 TMENU

我想在TYPO3中呈现一个概览网站，这不是很容易。依赖此HTML结构：

大字标题
哎哟，这是一个非常不平衡的代码

试着在打开包装的地方将其合上。

在
之前使用
，在
之后使用

否则，请注意顶层的
IFSUB
。如果在下一级菜单中关闭标记，则只有在确定有下一级菜单时才应打开它。
尝试类似的操作

您的html是这样的。

<div class="col-xs-12 col-sm-4 col-md-4">
    <div class="thumbnail">
      <div class="headline">
        <h2>Headline</h2>
      </div>
      <img src="img/product/picture.jpg" alt="...">
      <div class="caption">              
         <!-- Add menu typoscript here -->
      </div>
   </div>              
</div>

lib.mainmenu = TMENU
lib.mainmenu{
  expAll = 1
  wrap = <div class="panel list-group">|</div>
  NO{
    ATagParams = class="list-group-item"
  }

  ACT = 1
  ACT {
    linkWrap= <li class="active">|</li>
  }

   IFSUB < .NO
   IFSUB = 1
   IFSUB {
       wrapItemAndSub = <div class="collapse list-group-submenu">|</div>
       ATagParams = class="list-group-item sub-item small"
       stdWrap.wrap = <span class="fa fa-chevron-right"></span> |
    }
}


大字标题

和你的打字稿是这样的。

<div class="col-xs-12 col-sm-4 col-md-4">
    <div class="thumbnail">
      <div class="headline">
        <h2>Headline</h2>
      </div>
      <img src="img/product/picture.jpg" alt="...">
      <div class="caption">              
         <!-- Add menu typoscript here -->
      </div>
   </div>              
</div>

lib.mainmenu = TMENU
lib.mainmenu{
  expAll = 1
  wrap = <div class="panel list-group">|</div>
  NO{
    ATagParams = class="list-group-item"
  }

  ACT = 1
  ACT {
    linkWrap= <li class="active">|</li>
  }

   IFSUB < .NO
   IFSUB = 1
   IFSUB {
       wrapItemAndSub = <div class="collapse list-group-submenu">|</div>
       ATagParams = class="list-group-item sub-item small"
       stdWrap.wrap = <span class="fa fa-chevron-right"></span> |
    }
}

lib.main菜单=TMENU
lib.main菜单{
expAll=1
包裹=|
没有{
ATagParams=class=“列表组项目”
}
ACT=1
表演{
linkWrap=
|
}
国际单项体育联合会
IFSUB=1
IFSUB{
WrapitemadSub=|
ATagParams=class=“列表组项目子项目小”
stdWrap.wrap=|
}
}
这个html结构是什么？会容易得多，不是吗

                   <div class="panel list-group thumbnail">
                     <div class="headline"><h2>Headline</h2></div>
                     <img src="img/product/picture.jpg" alt="...">
                     <a href="#" class="list-group-item" data-toggle="collapse-next">Page 1</a>
                       <div class="collapse list-group-submenu">
                         <a class="list-group-item sub-item small"><span class="fa fa-chevron-right"></span> Submenu 1</a>
                         <a class="list-group-item sub-item small"><span class="fa fa-chevron-right"></span> Submenu 2</a>
                       </div>                        
                     <a href="#" class="list-group-item" data-toggle="collapse-next">Page 2</a>
                       <div class="collapse list-group-submenu">
                         <a class="list-group-item sub-item small"><span class="fa fa-chevron-right"></span> Submenu 1</a>
                         <a class="list-group-item sub-item small"><span class="fa fa-chevron-right"></span> Submenu 2</a>
                       </div>                            
                     <a href="#" class="list-group-item">Page 3</a>
                     <a href="#" class="list-group-item">Page 4</a>
                     <a href="#" class="list-group-item">Page 5</a>
                   </div>


大字标题
我明白了：


#概览菜单
lib.overviewmenu=HUMENU
lib.overview菜单{
特殊=目录
special.value.data=leveluid:2
#厄尔斯特斯水平
1=t菜单
1.expAll=1
1 {
#无状态：normale Formatierung
没有{
after.cObject=COA
在cObject之后{
10=文件
10 {  
参考文献{
表=页
uid.field=uid
fieldName=tx\u mask\u菜单器
}  
renderObj=IMG_资源
renderObj{
file.import.data=文件：当前：uid
file.treatIdAsReference=1
stdWrap.wrap=
}
}
}  
链接包裹=|
WrapitemadSub=||*|||*||
stdWrap{
htmlSpecialChars=0
htmlSpecialChars.preserveEntities=0
作物=50 |…
}
subst_elementUid=1
}
ACT=1
第号法案
}
2 < .1
2 {
#无状态：normale Formatierung
包裹=|
没有{
连环包装=
全包装=
WrapitemadSub=||*|||*||
#ATagBeforeWrap=1
stdWrap{
htmlSpecialChars=0
htmlSpecialChars.preserveEntities=0
作物=50 |…
}
ATagParams=class=“列表组项目”
subst_elementUid=1
}
ACT=1
第号法案
IFSUB=1
IFSUB{
#ATagBeforeWrap=1
stdWrap{
包裹=|
wrap.insertData=1
htmlSpecialChars=0
htmlSpecialChars.preserveEntities=0
作物=50 |…
}
ATagParams=class=“列表组项”数据切换=“下一步折叠”
subst_elementUid=1
}
ACTIFSUB=1
activifsub<.IFSUB
}
3 < .2
3 {
#无状态：normale Formatierung
包裹=|
没有{
全包装=
链接包裹=|
WrapitemadSub=||*|||*||
ATagBeforeWrap=1
stdWrap{
htmlSpecialChars=0
htmlSpecialChars.preserveEntities=0
作物=50 |…
}
ATagParams=class=“列表组项目子项目小”
subst_elementUid=1
}
ACT=1
第号法案
}  
}
谢谢您的回答。嗯，很奇怪。但是我必须在之前和之后放在哪里呢？问题是第二级菜单中所有零件的包装点。它们在另一个地方，然后是第一层包装。这让我很困惑…如果你想了解所有的包装（查看TSRef以获得完整的包装列表。在一个示例中显示所有包装。同样，您可以配置所有包装并删除不需要的包装。嗨，Pravin，非常感谢您的想法。但这对我根本不起作用，因为我必须用根导航标题填写标题。还有很多缩略图框，取决于根元素的计数。最后但并非最不重要的一点是渲染图像资源，它位于根导航页面的媒体部分或通过掩码文件关系分配。