1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Bootstrap 3 Dropdown Menü funktioniert nicht?

Dieses Thema im Forum "HTML & XHTML" wurde erstellt von SBL-Multimedia, 7. Juli 2015.

  1. SBL-Multimedia

    SBL-Multimedia Erfahrenes Mitglied

    Hallo Ihr lieben,

    ich bin gerade dabei mir ein wenig Bootstrap draufzuschaffen.
    Nun stehe ich aber irgendwie vor einem kleinen Problem und habe probiert und probiert, komme aber in diesem Punkt irgendwie nicht weiter...

    Es geht um das Dropdown Menü aus der Bootstrap Bibliothek. Ich habe auch auf der Getbootstrap Page die Components durchgeschaut und habe mich auch daran gehalten.
    Nun ist das Problem, dass Dropdown Menü geht einfach nicht auf :/ Nun habe ich aber genug geschwafelt und Poste nun einfach mal meinen Code und ich würde mich über Eure Hilfe sehr freuen, danke im vorraus
    Code (Text):
    1. <!DOCTYPE html>
    2.     <html lang="de">
    3.         <head>
    4.             <meta charset="utf-8" />
    5.             <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    6.             <meta name="viewport" content="width=device-width, initial-scale=1">
    7.            
    8.        
    9.             <!-- Eigenes CSS -->
    10.             <link href="css/own.css" rel="stylesheet" media="screen">
    11.            
    12.             <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    13.            
    14.             <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
    15.            
    16.             <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>      
    17.            
    18.         </head>
    19.         <body>
    20.             <nav class="navbar navbar-inverse">
    21.                 <div class="container-fluid">
    22.                     <div class="navbar-header">
    23.                         <div class="navbar-brand">SBL MULTIMEDIA <span class="glyphicon glyphicon-th-large icon-brand"></span> DE</div>
    24.                     </div>                  
    25.                         <div>
    26.                             <ul class="nav navbar-nav">                      
    27.                                 <li class="active"><a href="#">Home</a></li>
    28.                                 <!-- dropdown Menu -->
    29.                                 <li class="dropdown">
    30.                                     <a href="#" class="dropdown-toggle" data-toggle="dropdown">Produkte <span class="caret"></span></a>                          
    31.                                     <ul class="dropdown-menu">
    32.                                         <li><a href="#">SBL Multimedia Tutorials</a></li>
    33.                                         <li><a href="#">SBLLetsPlay</a></li>
    34.                                     </ul>
    35.                                 </li><!-- dropdown End-->
    36.                                 <li><a href="#">Kontakt</a></li>
    37.                             </ul>
    38.                         </div>
    39.                 </div>
    40.             </nav>
    41.        
    42.         </body>
    43.     </html>
     
  2. SBL-Multimedia

    SBL-Multimedia Erfahrenes Mitglied

    Okay ich habe den Fehler gefunden. Scheinbar hat JQuery gefehlt :D

    Also für jeden der das selbe Problem hat

    Code (Text):
    1. <!-- Die 2 Links zwischen den BodyTag -->
    2. <body>
    3.         <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    4.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    5.         <!-- Include all compiled plugins (below), or include individual files as needed -->
    6.         <!-- Latest compiled and minified JavaScript -->
    7.         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    8. </body>
     
Die Seite wird geladen...