我必须使用引导程序选项卡,然后我要动态生成选项卡链接和选项卡内容。但是每个内容都在生物体内。因为在我的情况下,每个选项卡都是来自Drupal后端的段落包。我不知道有没有办法。如何动态地包含生物。我不仅没有为此找到解决方法。当然,如果有条件,我将无法做,因为我会遇到很多情况(标签链接和标签内容)。代码示例。
<section class="tabs ">
<div class="container">
<div class="row">
<div class="col-12">
<ul class="nav nav-tabs mx-auto position-relative border-bottom-0 flex-column flex-lg-row justify-content-center pb-0 " id="myTab" role="tablist">
{% for tab in tabs %}
<li class="nav-item text-center text-lg-left mx-0 pt-1 px-0 pb-0 pt-lg-2">
{% include '@atoms/anchor/00-anchor-base.twig' with {anchor: tab, stylemodifier: '' } %}
</li>
{% endfor %}
</ul>
<div class="tab-content pt-lg-4 pt-2" id="myTabContent">
{% for tab in tabs %}
<div class="tab-pane fade {{ loop.first ? 'show active' }}" id="{{ tab.controls }}" role="tabpanel" aria-labelledby="{{ tab.controls }}-tab">
{% include '@organisms/block/11-listing.twig' with { } %}
{# i want the above organism to be dymin , for example it could be "05-organism-thing.twig" #}
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</section>
答案 0 :(得分:0)
实际上,您可以通过视图进行操作。您只需要根据一种分类法过滤内容(选项卡)并创建同一视图的多个块,每个块均基于页面设置下的菜单和路径。更多信息here。
或者,您可以使用Quick tabs模块。
我希望有帮助。