Html 元素没有真正显示出来

在我的页面中，当我在菜单下添加所有元素，但我想在正文中显示它们时，例如，我在页面中添加了一个面板，但它在菜单下，我如何修复它

这是我的代码：

<div class="container">
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="navbar-header"> ... </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                  <ul class="nav navbar-nav"> ... </ul>
                  <div class="collapse navbar-collapse navbar-left">
                                 <ul class="nav navbar-nav">
                             <li><a style="font-size: 18px;" href="#"><span style="font-size: 12px; background-color: #cc2200;" class="badge">358</span><span class="glyphicon glyphicon-bell"></span></a></li>
                              ....
                     </ul>
                 </div>
        </div>
    </nav>
</div>
<div class="container">
                <div class="panel panel-default">
                         <div class="panel-body">hello</div>
                </div>
</div>

---

并且是必需的。@Samuel Liew:我使用引导库和我页面的代码就是这样。这是因为您在html中使用了.navbar fixed top类，请看，一个选项是使用margin top属性。什么样的问题？我可以看到一个z索引问题，为什么popover有这样的内联样式？