2016-09-09 27 views
0

誰でも私のナビゲーションバーの下にテキストが表示されない理由を教えてもらえますか?それはそれを隠していますか?私はnavbarを固定として設定しました。これは問題ですか?コンテンツが表示されないのはなぜですか?

下にヘッダーを追加しようとしていますが、テキストが表示されません。事前に

おかげ

リース

<!DOCTYPE html> 
<html> 
<head> 
<!-- LINKS TO EXTERNAL FILES (BELOW) --> 
<meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"> 
<link rel="stylesheet" type="text/css" href="slyderesp.css"> 

    <title></title> 
</head> 

<body> 

<!-- NAVBAR (RESPONSIVE) --> 

    <nav class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#">Slyde</a> 
     </div> 
     <div id="navbar" class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#meet">Meet The Band</a></li> 
      <li><a href="#photos">Photos</a></li> 
      <li><a href="#videos">Videos</a></li> 
      <li><a href="#contact">Contact</a></li> 
      </ul> 
     </div><!--/.nav-collapse --> 
     </div> 
    </nav> 

<!--HEADER (RESPONSIVE)--> 

    <div>WHY CANT I SEE THIS?</div> 











<!--LINK TO EXTERNAL FILES (BELOW) --> 
<script type="text/javaScript" src="js/slyderesp.js"></script> 
<script src="js/jquery-3.1.0.min.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="bootstrap/js/bootstrap.min.js"></script> 
</body> 
</html> 

答えて

2

お使いのナビゲーションバーには、ブラウザのウィンドウで、それは固定になり、クラス.navbar-fixed-topを持っています。あなたの<div>がその真下にあります。そのクラスを削除するか、あなたの体にパディングを追加してください。

関連する問題