Php 带引导的选项卡组件

我想使用bootstrap中的tabs组件。我的问题是选项卡是正确的，但它们没有显示正确的div

这是我的密码：

<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<ul class="nav nav-tabs">
    <li class="active"><a href="#tabs-1" data-toggle="tab">Essai</a></li>
    <li><a href="#tabs-2" data-toggle="tab">Traitement</a></li>
    <li><a href="#tabs-3" data-toggle="tab">Bloc</a></li>
    <li><a href="#tabs-4" data-toggle="tab">Parcelle élémentaire </a></li>
    <li><a href="#tabs-5" data-toggle="tab">Station climatique</a></li>
    <li><a href="#tabs-6" data-toggle="tab">ITK</a></li>
    <li><a href="#tabs-7" data-toggle="tab">ITK PRO</a></li>
    <li><a href="#tabs-8" data-toggle="tab">Prélèvement</a></li>
    <li><a href="#tabs-9" data-toggle="tab">Analyse</a></li>
    <li><a href="#tabs-10" data-toggle="tab">Mesure plante principale</a></li>
    <li><a href="#tabs-11" data-toggle="tab">Mesure plante CIPAN</a></li>
</ul>

<div class="tab_content">
    <div class="tab-pane active" id="tabs-1">
        bonjour1
    </div>

    <div class="tab-pane" id="tabs-2">
        bonjour2
    </div>

    <div class="tab-pane" id="tabs-3">
        bonjour3
    </div>

    <div class="tab-pane" id="tabs-4">
        bonjour4
    </div>

    <div class="tab-pane" id="tabs-5">
        bonjour5
    </div>

    <div class="tab-pane" id="tabs-6">
        bonjour6
    </div>

    <div class="tab-pane" id="tabs-7">
        bonjour7
    </div>

    <div class="tab-pane" id="tabs-8">
        bonjour8
    </div>

    <div class="tab-pane" id="tabs-9">
        bonjour9        
    </div>

    <div class="tab-pane" id="tabs-10">
        bonjour10
    </div>

    <div class="tab-pane" id="tabs-11">
        bonjour11
    </div>
</div>
</div>
</div>

你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好11

我得到的是正确的选项卡，但是div

选项卡窗格

是一个高于另一个的。所以我可以在页面中看到我的所有div，但我希望一次只看到一个div

我按照一个教程去做，他说的每一件事我都做了，但都不管用

救命啊

编辑：

我明白了：

---

正常吗：

>==>你看到双“>”了吗？@YenneInfo谢谢我删除了它，但它仍然不起作用：/请提供没有php代码的html结果。@miller我更新了我的文章，没有使用“选项卡内容”的phpreplace“tab\u content”