views-bootstrap-tab.html.twig in Views Bootstrap 8.4
{% if title is not empty %}
<h3>{{ title }}</h3>
{% endif %}
<div id="views-bootstrap-tab-{{ id }}" {{ attributes.addClass(classes) }}>
<ul class="nav nav-{{ tab_type }} {% if justified %}nav-justified{% endif %}">
{% for key, tab in tabs %}
{% set tab_classes = [loop.first ? 'active'] %}
<li class="{{ tab_classes|join(' ') }}">
<a href="{{ "#tab-#{ id }-#{ key }" }}" data-toggle="tab">{{ tab }}</a>
</li>
{% endfor %}
</ul>
<div class="tab-content">
{% for key, row in rows %}
{% set row_classes = ['tab-pane', loop.first ? 'active'] %}
<div class="{{ row_classes|join(' ') }}" id="tab-{{ id }}-{{ key }}" {{ row.attributes }}>
{{ row.content }}
</div>
{% endfor %}
</div>
</div>
File
templates/views-bootstrap-tab.html.twig
View source
- {% if title is not empty %}
- <h3>{{ title }}</h3>
- {% endif %}
- <div id="views-bootstrap-tab-{{ id }}" {{ attributes.addClass(classes) }}>
- <ul class="nav nav-{{ tab_type }} {% if justified %}nav-justified{% endif %}">
- {% for key, tab in tabs %}
- {% set tab_classes = [loop.first ? 'active'] %}
- <li class="{{ tab_classes|join(' ') }}">
- <a href="{{ "#tab-#{ id }-#{ key }" }}" data-toggle="tab">{{ tab }}</a>
- </li>
- {% endfor %}
- </ul>
- <div class="tab-content">
- {% for key, row in rows %}
- {% set row_classes = ['tab-pane', loop.first ? 'active'] %}
- <div class="{{ row_classes|join(' ') }}" id="tab-{{ id }}-{{ key }}" {{ row.attributes }}>
- {{ row.content }}
- </div>
- {% endfor %}
- </div>
- </div>