Uso do Bootstrap nav em uma página

Primeiro, leve em consideração que tenho conhecimento limitado de desenvolvimento web. Eu tentei inserir em uma página, um componente do navegador Bootstrap.

Eu adicionei a pasta bootstrap na pasta do meu tema, carreguei os scripts e estilos com wp_enqueue_script e wp_enqueue_style e adicionei algum HTML dentro da minha página.

 

Tudo estava bem, parecia bom:

Parecia bem

Mas quando eu tento adicionar um menu suspenso, há uma mudança estranha na navegação. Aqui está o código

  

Não parece bom

Existem pixels de 20 segundos entre a linha e as guias.

Devo dizer-lhe que uso um tema chamado Meola desenvolvido pelo Elmastudio. Talvez seja o que mexer no navegador, mas tentei carregar minha página sem o CSS e, embora pareça menos amplo, ainda havia uma mudança.

(Desculpe pelo meu inglês, não sou falante nativo de inglês. E graças à pessoa que pode exibir minhas imagens nesta publicação (eu não tenho os 10 representantes para fazer isso).)

Solutions Collecting From Web of "Uso do Bootstrap nav em uma página"

Ok, então descobri o que estava errado: parece que o WordPress adiciona etiquetas p vazias ao seu código. Então eu tive um desses no meu HTML e estava destruindo o layout. Para dizer ao WordPress para parar de fazer isso, você deve comentar esta linha

  add_filter( 'the_content', 'wpautop' ); 

que está em default-filters.php no diretório wp-include na raiz do seu site. Deve funcionar.