Bootstrap对齐方式

Question

我正在制作一个基于 Bootstrap3 的网站。我正在使用 AJAX 将 PHP 页面加载到 apDiv2 但出于某种原因，页面内容不断加载并从顶部导航部分开始。即使调整大小后，页面的内容也会被顶部的导航栏重叠...并且它隐藏了 things.How 我是否将其锚定到该设置位置以显示在顶部导航栏的正下方，这样它就不会重叠....这是我正在使用的代码

观看直播 @ 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>

Answer 1

这是因为你的导航栏固定在顶部，所以它越过包含你的加载的 body 标签 div。

尝试将此添加到您的 CSS

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

Bootstrap对齐方式

Bootstrap alignment

html

javascript

css

jquery

twitter-bootstrap