Question

我在使用bootstrap nav的项目中遇到了麻烦。

nav是jumbotron div之后，但导航和jumbotron之间存在着平淡的差距。

我有trid定义nav：

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

＆＃34; Navbar的固定顶＆＃34;可以删除平淡的差距，但导航已隐藏了一部分的超大屏幕。所以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}

如何在bootstrap中删除nav和jumbotron之间的平淡差距？

1 个答案: