Bom estou criando esse tópico com a solução definitiva pois vi que muitos alunos tiveram esse erro e uma solução apropriada não foi apresentada, como pode ser visto nos tópicos abaixo:
ERRO - I ERRO - II ERRO - III ERRO - IV ERRO - V
Esse erro ocorre pois no arquivo boostrap.css as propriedades referentes ao navbar não foram incluídas, por isso inicialmente o layout se parece com isso:
Uma solução que foi dada e resolve parcialmente o problema é adicionar o boostrap através do cdn como pode ser visto logo abaixo:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">Ela resolve parcialmente, pois normalmente o aluno coloca logo abaixo ao boostrap.css e o layout ainda não fica igual ao do instrutor como pode ser observado logo abaixo:
Para resolver esse problema definitivamente, ficando com o layout parecido com o instrutor bastra trocar o boostrap.css pelo boostrap.min.css, pois ele contém as configurações necessárias com relação ao navbar, essa modificação e resultado final podem ser observados nos links abaixo:
Espero que isso ajude os outros alunos a não passarem pelo mesmo problema.
Boa programação a todos.
