我在我的web应用程序中有两个navbars
。但是,这两个navbars
之间有一个空间,如下图所示。删除两个navbars之间的底部边距 - 引导
我已经试过.navbar{margin-bottom: 0px}
没有运气。
这里是我的HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<style>
.navbar{margin-bottom: 0px}
</style>
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<nav class="navbar navbar-default" id="navbar-no-margin">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">Brand</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#" data-toggle="modal" data-target="#signinmodal">Sign in</a></li>
<li><a href="#" data-toggle="modal" data-target="#signupmodal">Sign up</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-->
</nav>
<nav class="navbar navbar-default" id="navbar-no-margin">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">Brand</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#" data-toggle="modal" data-target="#signinmodal">Sign in</a></li>
<li><a href="#" data-toggle="modal" data-target="#signupmodal">Sign up</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-->
</nav>
这是什么你试图达到http://www.bootply.com/dIc9lyYLyy – Chiller
嗨@ user2771150,只是尝试删除导航栏固定顶级类,并将两者的边距设置为0 0 0 0。 .. –