Shefarol Soluções Web

Fechar navbar - Voltar

Em alguns casos você pode precisar um navbar em uma página com âncoras e ao clicar nas opções do menu pode ser necessário fechar o navbar para visualizar o conteúdo da página, teste usando o navbar abaixo, redimensione seu navegador para a menor largura possível

 

Já neste exemplo o navbar está original, sem o código para seu fechamento

 

Para o navbar do Bootstrap fechar ao clicar em um link, use o código abaixo:

<!-- Script para fechar o navbar ao clicar em um link -->
<script type="text/javascript">
    $(".nav-link").on("click", function(){
        $('.navbar-collapse').collapse('hide');
    });
</script>