如何删除引导程序中导航和jumbotron之间的平淡差距？

Question

我的项目使用引导导航遇到了麻烦。

nav 之后是 jumbotron div，但是 nav 和 jumbotron 之间有一个平淡的差距。

我已经定义了导航：

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">

“navbar-fixed-top”可以删除平淡无奇的间隙，但nav隐藏了jumbotron的一部分。所以jumbotron的内容不在容器中间。

这是我的代码：

 <style>
 .navbar .nav li.active a:hover{color:#51c3e1}
</style>

<nav class="navbar navbar-inverse" role="navigation">
<div class="container-fluid" style="height:70px">
<div class="navbar-header">
    <a class="navbar-brand" href="#"><img src="pic/logo.png" style="width:130px;height:40px;top:1px"></a>
</div>
<div></div>
</div>
</nav>  
<div class="jumbotron">
  <div class="container">
    <h1 style="white">Hello!</h1>
    <p style="white">I love this world!!</p>
    <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p>
  </div>
</div>

好像没什么问题，谁能帮帮我？

Answer 1

我找到了解决办法：

.navbar { margin-bottom:0px}