1
私はページの上部にブートストラップナビバーを追加し、その下にいくつかの種類のカルーセル写真を追加したいと思います。何らかの理由で私はnavbarの下に何も表示することができません！私はそれが本当に基本的だと思うが、私は残念ながらそれの上に別のペアの目が必要です。おかげブートストラップnavbarその下のテキスト/画像を隠す
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<nav class="navbar navbar-inverse navbar-fixed-top">
<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="#" class="pull-left"><img src="img/small.png" alt="" />
</a>
</div>
<div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#section41">Full Menu & Taps</a></li>
<li><a href="#section42">Happy Hour</a></li>
</ul>
</li>
<li><a href="Upcoming">watch!</a></li>
<li><a href="location.html">Location</a></li>
<li><a href="#section3">About </a></li>
</ul>
</div>
</div>
</div>
</nav>
</head>
<body>
</body>
</html><!-- Latest compiled and minified CSS -->