Bootstrap-Navigationsleiste funktioniert nicht, Menü bleibt versteckt

Ich baue eine Website mit Bootswatch für CSS. Vor ein paar Tagen hat alles gut funktioniert und dann ist mir aufgefallen, dass meine Menüs plötzlich aus der Navigationsleiste verschwunden sind. Ich habe verschiedene Quellen und verschiedene wie weise Fragen überprüft, aber sie beziehen sich nicht darauf. Ich arbeite damit auf meinem PC. Hier ist der Code unten.Bootstrap-Navigationsleiste funktioniert nicht, Menü bleibt versteckt

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <title>Mega Data Base</title> 
 
    <link rel="stylesheet" href="https://bootswatch.com/4/cosmo/bootstrap.min.css"> 
 

 
</head> 
 
<body> 
 

 
    <nav class="navbar navbar-default"> 
 
     <div class="container"> 
 
\t \t \t \t <div class="navbar-header"> 
 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 
 
\t   <span class="sr-only">Toggle navigation</span> 
 
\t   <span class="icon-bar"></span> 
 
\t   <span class="icon-bar"></span> 
 
\t   <span class="icon-bar"></span> 
 
\t \t \t \t \t </button> 
 
      <a class="navbar-brand" href="#">MegaDB</a> 
 
     </div> 
 

 

 
     <div class="navbar-collapse collapse" id="navbarSupportedContent">   
 
     <?php if(isset($_SESSION['is_logged_in'])) : ?> 
 
     <ul class="nav navbar-nav"> 
 
      <li> 
 
      <a href="<?php echo ROOT_URL; ?>">Home</a> 
 
      </li> 
 
      <li> 
 
      <a href="<?php echo ROOT_URL; ?>lecturehalls/">Lecture Halls</a> 
 
      </li> 
 
      <li class="nav-item"> 
 
      <a href="<?php echo ROOT_URL; ?>teachers/">Teachers</a> 
 
      </li> 
 
     </ul> 
 
     <?php else: ?> 
 
      <ul class="nav navbar-nav"> 
 
      <li class="nav-item"> 
 
      <a class="nav-link" href="<?php echo ROOT_URL; ?>">Home</a> 
 
      </li> 
 
      </ul> 
 
     <?php endif; ?> 
 

 
     <ul class="nav navbar-nav navbar-right"> 
 
      <?php if(isset($_SESSION['is_logged_in'])) : ?> 
 
      <li><a href="<?php echo ROOT_URL; ?>">Welcome <?php echo $_SESSION['user_data']['university_name']; ?></a></li> 
 
      <li><a href="<?php echo ROOT_URL; ?>users/logout">Log Out</a></li> 
 

 
      <?php else: ?> 
 
      <li><a href="<?php echo ROOT_URL; ?>users/login">Login </a></li> 
 
     <?php endif; ?> 
 
     </ul> 
 
     </div> 
 
     </div> 
 
    </nav> 
 

 
    <div class="container"> 
 
     <?php Messages::display(); ?> 
 
     <?php require($view); ?> 
 
    </div> 
 

 

 

 
</body> 
 
</html>

Bitte irgendwelche Lösungen, was ich zu tun, um es brauchen erscheinen zu lassen. Vielen Dank im Voraus

Quelle

2017-11-06 Rotimi Best

Sie müssen nur jquery.min.js & bootstrap.min.js

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 
<body> 
 
    <nav class="navbar navbar-default"> 
 
     <div class="container"> 
 
\t \t \t \t <div class="navbar-header"> 
 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 
 
\t   <span class="sr-only">Toggle navigation</span> 
 
\t   <span class="icon-bar"></span> 
 
\t   <span class="icon-bar"></span> 
 
\t   <span class="icon-bar"></span> 
 
\t \t \t \t \t </button> 
 
      <a class="navbar-brand" href="#">MegaDB</a> 
 
     </div> 
 

 

 
     <div class="navbar-collapse collapse" id="navbarSupportedContent">   
 
     <?php if(isset($_SESSION['is_logged_in'])) : ?> 
 
     <ul class="nav navbar-nav"> 
 
      <li> 
 
      <a href="<?php echo ROOT_URL; ?>">Home</a> 
 
      </li> 
 
      <li> 
 
      <a href="<?php echo ROOT_URL; ?>lecturehalls/">Lecture Halls</a> 
 
      </li> 
 
      <li class="nav-item"> 
 
      <a href="<?php echo ROOT_URL; ?>teachers/">Teachers</a> 
 
      </li> 
 
     </ul> 
 
     <?php else: ?> 
 
      <ul class="nav navbar-nav"> 
 
      <li class="nav-item"> 
 
      <a class="nav-link" href="<?php echo ROOT_URL; ?>">Home</a> 
 
      </li> 
 
      </ul> 
 
     <?php endif; ?> 
 

 
     <ul class="nav navbar-nav navbar-right"> 
 
      <?php if(isset($_SESSION['is_logged_in'])) : ?> 
 
      <li><a href="<?php echo ROOT_URL; ?>">Welcome <?php echo $_SESSION['user_data']['university_name']; ?></a></li> 
 
      <li><a href="<?php echo ROOT_URL; ?>users/logout">Log Out</a></li> 
 

 
      <?php else: ?> 
 
      <li><a href="<?php echo ROOT_URL; ?>users/login">Login </a></li> 
 
     <?php endif; ?> 
 
     </ul> 
 
     </div> 
 
     </div> 
 
    </nav> 
 

 
    <div class="container"> 
 
     <?php Messages::display(); ?> 
 
     <?php require($view); ?> 
 
    </div> 
 

 
</body>

Quelle

2017-11-06 10:32:32 Ananda

Es funktionierte gut hinzufügen. Ich bin dankbar –

Fügen Sie diese Skript in head.Weil Bootstrap hängt von Jquery und Bootstrap Js. Sie laden nur Bootstrep css

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

Quelle

2017-11-06 10:31:58

Bootstrap-Navigationsleiste funktioniert nicht, Menü bleibt versteckt

Antwort

Verwandte Themen