Bootstrap链接不起作用

Question

我有一个链接转到其他html文件，但在该文件中，标签链接不起作用，我确信代码是正确的：

<!--Criação de abas-->

<ul class="nav nav-pills nav-justified" role="tablist">

    <li class="active"><a href="#ocomite" role="tab" data-toggle="pill"> O Comitê </a></li>

    <li><a href="#simulacoes" role="tab" data-toggle="pill"> Simulações </a></li>

</ul>

<!--Conteúdo das abas-->
<div class="tab-content">

    <!--Aba O Comitê-->
    <div class="tab-pane fade in active" role="tabpanel" id="ocomite">
        <h3>O Comitê</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
        </p>
    </div>

    <!--Aba Simulações -->
    <div class="tab-pane fade" role="tabpanel" id="simulacoes">
        <h3>Smulações</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
        </p>
    </div>

</div><!--tab content-->

以下是print about what is happening：ID名称出现在链接中，按钮不起作用

请帮助我，因为我必须把这项工作送到学校。