Página com Abas

[Jucelio_rosa]

Bom dia.

Criei uma página com abas, seguindo tutoriais , mas toda vez que clico nas abas , elas não são selecionadas. Apenas uma aba fica selecionada.

 

esse é o código da pagina :

 

 

<div>

              <!-- Nav tabs -->
              <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#1" aria-controls="1" role="tab" data-toggle="tab">Home</a></li>
                <li role="presentation" ><a href="#2" aria-controls="2" role="tab" data-toggle="tab">Atendimentos</a></li>
                <li role="presentation"><a href="#3" aria-controls="3" role="tab" data-toggle="tab">Cesta Basica</a></li>
                <li role="presentation"><a href="#4" aria-controls="4" role="tab" data-toggle="tab">Ligações</a></li>
                
              </ul>

              <!-- Tab panes -->
              <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="1">
                     
                                    
                </div>
                <div role="tabpanel" class="tab-pane active" id="2">
                <a href="#Cadastro_de_Pastres.php" title="Cadastro de Pastores"> </a>   
                
                </div>
                <div role="tabpanel" class="tab-pane active" id="3">
                    
                </div>
                <div role="tabpanel" class="tab-pane active" id="4">
                    
                </div>
                
                    
                </div>
              </div>