I'm trying to use the tabs component of the bootstrap, but I'm not getting it to work, I've taken several examples, but I could not get it to work.
<script type="text/javascript" src="lib/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="lib/jquery/jquery-2.2.1.min.js"></script>
<div class="row">
<div class="col-md-12">
<div class="nav-tabs-custom">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab_1" data-toggle="tab">Totais por Filiais</a></li>
<li><a href="#tab_2" data-toggle="tab">Informações sobre pagamento</a></li>
<li><a href="#tab_3" data-toggle="tab">Observações</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab_1">
Tab 1
</div>
<div class="tab-pane" id="tab_2">
Tab 2
</div>
<div class="tab-pane" id="tab_3">
Tab 3
</div>
</div>
</div>
</div>
When I click, it always stays on the first tab, does not switch to the other tabs. does anyone know where the error is, or is it missing some code?