Html 导航栏和图像之间的间距
我的导航栏和本例中的图像之间有一些难看的空间。我在网络上做了一些关于如何删除它的研究,但是没有运气,所以如果你们能给我一个解决方案,我会很高兴。 这是一个响应迅速的站点,所以当我缩小窗口时,图像必须像导航栏一样向下推 独自创立Html 导航栏和图像之间的间距,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我的导航栏和本例中的图像之间有一些难看的空间。我在网络上做了一些关于如何删除它的研究,但是没有运气,所以如果你们能给我一个解决方案,我会很高兴。 这是一个响应迅速的站点,所以当我缩小窗口时,图像必须像导航栏一样向下推 独自创立 <nav class="navbar navbar-inverse"> <div class="container-fluid"> <div class="navbar-header">
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="home.html">McNiels <span class="glyphicon glyphicon-headphones"></span></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="home.html">Home <span class="glyphicon glyphicon-home"></span></a></li>
<li class="active"><a href="news.html">News<span class="glyphicon glyphicon-bell"></span> </a></li>
<li><a href="music.html">Music <span class="glyphicon glyphicon-music"></span></a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
</ul>
</div>
</div>
</nav>
<img class="img-responsive" src="eminem.jpg" alt=""/>
Use.navbar{margin bottom:0;}。请参阅工作示例代码段
.navbar.navbar-inverse{
页边距底部:0;
}
-
-
-
-
-
它完成了已完成的工作,但不适用于旋转木马。
Thx该图像不应该在容器div或row中吗?这通常是引导程序的工作方式。它工作了,但后来我遇到了一个新问题。我想做同样的事情,但这次它不是一个图像,而是一个旋转木马默认旋转木马的行为与我回答中的单个图像没有任何不同:删除边距将其直接放置在导航栏下。除非你有一个例子可以分享,否则我无法给出其他答案。
.navbar.navbar-inverse {
margin-bottom: 0;
}