2016-05-04 8 views
1

Also habe ich eine bootstrap navbar an den Anfang meiner Seite hinzugefügt und möchte eine Art Karussell von Bildern darunter einfügen. Aus irgendeinem Grund kann ich nichts unter der Navbar anzeigen lassen! Ich weiß, es scheint wirklich einfach, aber ich brauche leider ein anderes Paar Augen darauf.bootstrap navbar versteckt text/bilder darunter

dank

<!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 -->

Antwort

0

Es hat geregelt Element geben darunter margin-top: 60px;

Geben Sie so viel wie hoch ist Ihre Navigation.

Ich denke, Sie werden es sehen.

Und Ihr Body-Tag ist leer Ich denke, es sollte auf Body-Tag sein, können Sie es in <header> Tag nicht setzen <head> ich denke. Wie <body><header><nav>