Javascript 自举校准

我正在制作一个基于Bootstrap3的网站。我正在使用AJAX将PHP页面加载到apDiv2中，但由于某些原因，页面内容一直在顶部导航部分下加载和启动。即使调整了页面大小，页面上的内容也会被顶部的导航栏重叠。。。它隐藏了东西。我如何让它锚定到设定的位置，显示在顶部导航栏的正下方，这样它就不会重叠。。。。这是我正在使用的te代码

请访问www.ForeverThaEmpire.com现场直播

<div data-spy="affix" data-offset-top="60" data-offset-bottom="200">
<div class="container-fluid">
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="row">
            <div class="col-md-2">
<center><img src="content/images/fdelogo.png" width="210" height="60" /></center> 
</div>
<div class="col-md-2">      </div>
<div class="col-md-3"> 
<center>    <form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Search</button>
</form></center>
</div>
<div class="col-md-3"> </div>
<div class="col-md-2">
<img src="content/images/twitter.png" width="30" height="30" />
<img src="content/images/facebook.png" width="30" height="30" />
<a class="menu_nav" href="pages/shoppingcart.php"><img src="content/images/cart.png" width="40" height="40" /></a><br>
<div class="simpleCart_grandTotal"></div> 
</div>
</nav>
</div>
</div>
<div class="container">
<div id="well"><div id="apDiv2"></div></div>
</div>
<div class="container-fluid">
<nav class="navbar navbar-inverse navbar-fixed-bottom"></nav>
</div>

搜寻

这是因为导航栏固定在顶部，所以它覆盖了包含加载div的body标签

尝试将其添加到CSS中

body
{
    padding-top:70px!important;
}

---

我正在使用引导CSS样式表？如果我把它放在custon CSS中，并在引导CSS之前加载它，它会覆盖引导CSS吗？因为我尝试过改变字体颜色，但没用？只要你使用，它就会覆盖！CSS字段值后的重要标记