Html 无法加载嵌套在导航选项卡中的引导面板

我不知道我的代码出了什么问题，但由于某些原因，我无法在我的一个选项卡部分中加载引导面板样式。我设法使它在我的公告选项卡部分正确加载，但是面板在我的通知部分显示不正确，即使我对其应用了完全相同的代码。以下是我正在开发的网站的链接：

以下是该页面的代码：

公告和通知 公共假期新！ 2015年5月5日为公众假期

日期：2015年4月15日 项目X延期 由于此处的位置原因，项目x已延迟

日期：2015年4月8日 项目X新阶段 在成功审查第2阶段后，项目已进入第3阶段

日期：2015年4月2日 新的工作坊！ 已推出以下新的讲习班： -基本Photoshop 7/6/2015 -室内设计101 6/6/2015 -Awsome第300号车间2015年8月25日 如果有兴趣，请联系员工x进行注册

日期：2015年3月34日 公众假期 2015年5月5日为公众假期

日期：2015年4月15日 项目X延期 由于此处的位置原因，项目x已延迟

日期：2015年4月8日 项目X新阶段 在成功审查第2阶段后，项目已进入第3阶段

日期：2015年4月2日 假期更换申请 员工X已要求您在2015年7月12日至2015年8月12日休假期间作为其替代者

日期：2015年4月15日 新项目邀请 员工Y已邀请您加入项目X

日期：2015年4月8日 工作要求 已要求您执行以下任务： -任务：实地考察 -项目：X -地点：科威特市 -时间:上午十时 请联系以获取更多信息。

日期：2015年4月2日

---

引导没有问题。您的HTML结构有问题。您未正确打开/关闭div。 以下是tabpanel的正确HTML结构：

<div role="tabpanel" class="tab-pane fade active in" id="profile">
    <div class="panel panel-info">

        <div class="panel-heading">
            <h4 class="panel-title">Vacation Replacement Request</h4>
        </div>
        <div class="panel-body">
            <p>Employee X has requested you as his/her replacement while on vacation from <strong>12/7/2015</strong> to <strong>12/8/2015</strong></p>
            <a href="#"><button type="button" class="btn btn-primary btn-sm">Accept</button></a>
            <a href="#"><button type="button" class="btn btn-danger btn-sm">Decline</button></a>
            <h6> Date: 4/15/2015</h6>
        </div>

        <div class="panel-heading">
            <h4 class="panel-title">New Project Invitation</h4>
        </div>
        <div class="panel-body">
            <p>You have been invited by employee Y to join Project X</p>
            <a href="#"><button type="button" class="btn btn-primary btn-sm">Accept</button></a>
            <a href="#"><button type="button" class="btn btn-danger btn-sm">Decline</button></a>
            <h6> Date: 4/8/2015</h6>
        </div>

        <div class="panel-heading">
            <h4 class="panel-title">Job Request</h4>
        </div>
        <div class="panel-body">
            <p>You have been requested to perform the following task:<br><br>
                - <strong>Task:</strong>    Site Visit<br>
                - <strong>Project:</strong> X<br>
                - <strong>Location:</strong>    Kuwait City<br>
                - <strong>Time:</strong>    10 am<br><br>
                Please contact <a href="#">Employee X</a> for further information.
            </p>
            <h6> Date: 4/2/2015</h6>
        </div>

    </div>
</div>

---

问题在于您的HTML。我刚刚在代码中发现了错误，正如您所说，我只是没有正确关闭一个div标记。谢谢你的帮助！：