Problem using Bootstrap Tabs

0

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?

    
asked by anonymous 07.03.2016 / 18:52

1 answer

1

The libs were reversed, as the bootstrap depends on Jquery, put the jQuery one before and everything went live.

<script type="text/javascript" src="lib/jquery/jquery.js"></script>

<script type="text/javascript" src="lib/bootstrap/bootstrap.min.js"></script>
    
07.03.2016 / 19:23