bs-tabs.html.twig in Bootstrap Kit 8.3
{% if content %}
{% set id = random() %}
<div {{ attributes }}>
<!-- Nav tabs -->
<ul class="nav nav-tabs">
{% for region in layout.getRegionNames if content[region] %}
<li class="{{ loop.first ? 'active' }}">
<a data-toggle="tab" href="#tab-{{ id }}-{{ region }}">
{{ content[region]['#label'] }}
</a>
</li>
{% endfor %}
</ul>
<!-- Tab panes -->
<div class="tab-content">
{% for region in layout.getRegionNames if content[region] %}
<div class="tab-pane {{ loop.first ? 'active' }}" id="tab-{{ id }}-{{ region }}">
{{ content[region] }}
</div>
{% endfor %}
</div>
</div>
{% endif %}
File
templates/bs-tabs.html.twig
View source
- {% if content %}
- {% set id = random() %}
- <div {{ attributes }}>
-
- <!-- Nav tabs -->
- <ul class="nav nav-tabs">
- {% for region in layout.getRegionNames if content[region] %}
- <li class="{{ loop.first ? 'active' }}">
- <a data-toggle="tab" href="#tab-{{ id }}-{{ region }}">
- {{ content[region]['#label'] }}
- </a>
- </li>
- {% endfor %}
- </ul>
-
- <!-- Tab panes -->
- <div class="tab-content">
- {% for region in layout.getRegionNames if content[region] %}
- <div class="tab-pane {{ loop.first ? 'active' }}" id="tab-{{ id }}-{{ region }}">
- {{ content[region] }}
- </div>
- {% endfor %}
- </div>
-
- </div>
- {% endif %}