因此，我试图使一个页面与标签和相应的窗格。我使用了原始的BS5代码，也找到了一些指南，如this one
我修改了代码以适应Django模板，但它的行为非常奇怪：最初选择另一个选项卡时不显示窗格，然后再次选择第一个选项卡，所有窗格同时显示。

<div class="row">
            <div class="card-header">
                <ul class="nav nav-tabs" id="specimen_tab" data-bs-tabs="tabs">
                    {% for a_s in analyte_specimen %}
                        <li class="nav-item">
                            <a class="nav-link{% if forloop.first %} active"
                               aria-current="true {% endif %}"
                               data-bs-toggle="tab"
                               href="#pane-{{ a_s.specimen.sg_id }}">{{ a_s.specimen.name }}</a>
                        </li>
                    {% endfor %}
                </ul>

                <div class="tab-content card-body" id="specimen_tabContent">
                    {% for a_s in analyte_specimen %}
                        <div class="tab-pane fade{% if forloop.first %} active{% endif %}"
                             id="pane-{{ a_s.specimen.sg_id }}">
                           <-- Content here -->
                        </div>
                           ......

字符串