Python 使用tal时引导选项卡不显示内容：重复显示<；李>；金字塔框架中的元素

我想使用Python的Bootstrap和Chameleon模板引擎在金字塔中创建动态选项卡及其内容，但只有第一个选项卡保持激活状态，尽管单击了其他选项卡。
我的HTML代码：

<ul class="nav nav-tabs responsive">
    <li><a data-toggle="tab" href="#tips">Tips</a></li>
    <li tal:repeat="key dict"><a data-toggle="tab"href="#${key}">${key}  </a></li>
</ul>

<div class="tab-content responsive">
    <div tal:repeat="(keys,value) dict.iteritems()" id="${keys}" class="tab-pane fade">
    <p>${value}</p>
    </div>
    <div id="tips" class="tab-pane fade in active">
        <p>tips</p>
    </div>
</div>

${value}

提示

可能是因为您硬编码了

活动

CSS类？谢谢您的回复，先生，问题是因为我的密钥之间有空格。我删除了空间，现在工作正常了。