首先，考虑到我的web开发知识有限。我试图在页面中插入一个引导导航组件。

我在我的主题文件夹中添加了引导文件夹，加载了带有wp\\u enqueue\\u script和wp\\u enqueue\\u style的脚本和样式，并在我的页面中添加了一些HTML。

<ul class="nav nav-tabs">
  <li class="active">
    <a href="#menus">Menus</a>
  </li>
  <li><a href="#connect">Se connecter</a></li>
  <li><a href="#dashboard">Tableau de bord</a></li>
</ul>

一切都很好，看起来不错：

It looked fine

但当我尝试添加下拉菜单时，导航出现了奇怪的变化。这是密码

<ul class="nav nav-tabs">
  <li class="active"><a href="#menus">Menus</a></li>
  <li><a href="#connect">Se connecter</a></li>
  <li><a href="#dashboard">Tableau de bord</a></li>
  <li class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Ajout d\'images<b class="caret"></b></a>
    <ul class="dropdown-menu">
      <li><a href="#first_pic">Grandes photos</a></li>
      <li><a href="#second_pic">Galeries</a></li>
      <li><a href="#thirs_pic">Archive de photos</a></li>
    </ul>
  </li>
</ul>

Doesn\'t look good

线条和选项卡之间有20个ish像素。

我应该告诉你，我使用了Elmastudio开发的一个名为Meola的主题。也许这就是弄乱导航的原因，但我尝试在没有CSS的情况下加载我的页面，虽然页面看起来不那么宽，但仍然有变化。

（对不起，我的英语不是以英语为母语的。多亏了能在这篇文章中显示我的图片的人（我没有10次这样做的机会）。）

 add_filter( \'the_content\', \'wpautop\' );