Dropdown-Menü funktioniert nicht auf Bootstrap

Ich habe versucht, ein kleines Dropdown-Menü mit Bootstrap, aber ohne Erfolg zu tun. Dies ist der Code:Dropdown-Menü funktioniert nicht auf Bootstrap

<ul class="nav navbar-nav"> 
       <li> 
        <a href="#">Text</a> 
       </li> 
       <li class="dropdown"> 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a> 
        <ul class="dropdown-menu"> 
         <li><a href="logout.php">Logout</a></li> 
        </ul> 
       </li> 
</ul>

Eine Idee, warum es nicht funktioniert? Vielen Dank.

Quelle

2017-05-23 Web O

haben Sie dropdown.js enthalten? Was siehst du in der Konsole? – tech2017

Haben Sie Fehler in Ihrem Entwicklungswerkzeug? fehlende js? oder irgendein? – threeFatCat

@tech_Love Ich habe regelmäßige js enthalten. Nicht eine Drop-Down-Jquery-Datei, weil ich nicht weiß, wo ich eine finde oder ob ich eine brauche. Ich habe es einfach von http://getbootstrap.com/components/#nav-dropdowns genommen und es gibt nichts da dropdown.js file hinzuzufügen –

Stellen Sie sicher, dass Sie jQuery, bootstrap.js und bootstrap.css laden.

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

Fiddle: https://jsfiddle.net/0z36747j/

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

 
<ul class="nav navbar-nav"> 
 
    <li> 
 
    <a href="#">Text</a> 
 
    </li> 
 
    <li class="dropdown"> 
 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a> 
 
    <ul class="dropdown-menu"> 
 
     <li><a href="logout.php">Logout</a></li> 
 
    </ul> 
 
    </li> 
 
</ul>

Quelle

2017-05-23 18:44:06 Anders

Dropdown-Menü funktioniert nicht auf Bootstrap

Antwort

Verwandte Themen