引导程序数据切换选项卡仅在一个选项卡上起作用，而另一选项卡不起作用

Question

<div class="widget-header" style="margin-top: 5%;"> 
    <ul class="nav nav-tabs">
        <li class="<c:if test="${tab != 'LETTERS'}">selected active </c:if>inline headerDivider">
            <a class="<c:if test="${tab != 'LETTERS'}">active </c:if>header" href="action" data-toggle="tab"><Regulations</a>
        </li>

        <li class="<c:if test="${tab == 'LETTERS'}">selected active </c:if>inline headerDivider">
           <a class="<c:if test="${tab == 'LETTERS'}">>selected active </c:if>header" href="action" data-toggle="tab">Letters</a>
        </li>
        <c:choose>
            <c:when test="${tab != 'LETTERS'}">
                <a data-href="action" class="btn btn-small" data-toggle="modal" data-reload="regulationDiv">Manage Regulations</a>
            </c:when>
            <c:otherwise>
                <a data-href="action" class="btn btn-small" data-toggle="modal" data-reload="letterDiv">Add Letter</a>
            </c:otherwise>
        </c:choose>
    </ul>
</div>
<div style="overflow: auto; max-height:60vh;" class="tab-content">
    <c:if test="${tab != 'LETTERS'}">
        <div id="regulationDiv" data-url='action'>
            <jsp:include page="regulations.jsp"/>
        </div>
    </c:if>
    <c:if test="${tab == 'LETTERS'}">
       <div id="letterDiv" data-url='action'>
            <jsp:include page="letters.jsp"/>
        </div>
    </c:if>
</div>

默认情况下，第一个选项卡处于工作状态，第二个选项卡没有事件或单击，看起来像已禁用的选项卡。如果我缺少要包含在div元素中的内容，我尝试了许多方法似乎对我来说还没有解决方案。