如您所见,转盘没有触摸导航栏。我想删除两者之间的边距。我尝试使用负边距,但它们似乎没有用。这里有人可以帮我吗?http://i.stack.imgur.com/1htJM.png
<!DOCTYPE html>
<html>
<head>
<title>AwakenNetwork</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href = "css/bootstrap.min.css" rel = "stylesheet">
<link href = "css/styles.css" rel = "stylesheet">
</head>
<body>
<div id="wrap">
<div class = "navbar navbar-default">
<div class = "container">
<a href = "#" class ="navbar-brand">AwakenNetwork</a>
<button class = "navbar-toggle" data-toggle = "collapse" data-target = ".navHeaderCollapse">
<span class = "icon-bar"></span>
<span class = "icon-bar"></span>
<span class = "icon-bar"></span>
</button>
<div class ="collapse navbar-collapse navHeaderCollapse">
<ul class = "nav navbar-nav navbar-right">
<li class = "active"><a href = "#"><span class="glyphicon glyphicon-home"></span> Home</a></li>
<li><a href = "#"><span class="glyphicon glyphicon-bullhorn"></span> Forums</a></li>
<li><a href = "#"><span class="glyphicon glyphicon-gift"></span> Vote</a></li>
<li><a href = "#"><span class="glyphicon glyphicon-tower"></span> Staff</a></li>
<li><a href = "#"><span class="glyphicon glyphicon-book"></span> Rankings</a></li>
<li><a href = "#"><span class="glyphicon glyphicon-shopping-cart"></span> Store</a></li>
</ul>
</div>
</div>
</div>
</div>
<div style="height: 365px; background: url('https://dl.dropboxusercontent.com/s/246mjb1z7mahfe2/img1.jpg'); position: relative">
<div class="carousel-caption" style="bottom: 15px">
<h1 style="font-size: 100pt">Awaken Network</h1>
<h1>Be Awakened..</h1>
</div>
您做对了,请确保使用
.navbar { margin-bottom:0px !important; }
.carousel-caption { margin-top:0px !important }
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句