Hi leute,
Da ich einmal mit Bootstrap arbeiten wollte sitze ich zurzeit an einer Seite die ich mit Bootstrap erstelle und an WP anpassen möchte. Ich habe wohl ein simples Problem aber ich finde den Fehler leider nicht. Ich habe mir einen Navigation erstellt und in diese Navigation sind Dropdown-Menüs. Leider öffnet sich mein Dropdown-Menü nicht. Ich habe schon Original-Code beispiele von http://holdirbootstrap.de/komponenten/#btn-dropdowns benutzt aber selbst diese funktionieren nicht. Meine Vermutung ist das die JavaScript-Dateien nicht richtig aufgerufen werden aber auch hier finde ich das Problem nicht. Ich gebe euch hier mal ein Überblick was ich getan habe. ICh danke euch schon einmal =)
---------header.php------------------
<!-- HTML5 --><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="<?php bloginfo('description'); ?>" />
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<nav class="navbar navbar-inverse">
<div class="navbar-inner">
<div class="container-fluid">
<!-- Titel und Schalter werden für eine bessere mobile Ansicht zusammengefasst -->
<div class="navbar-header">
</button>
</div>
<a class="navbar-brand" href="#">testseite</a>
<p class="navbar-text pull-right">Willkommen bei testseite</p>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Startseite <span class="sr-only"></span></a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Lösungen<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">test</a></li>
<li role="separator" class="divider"></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria- expanded="false">Referenzen<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">test</a></li>
</ul>
</li>
<li><a href="#">Über mich</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Impressum</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#search">Search</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
<div id="search">
<button type="button" class="close">×</button>
<form>
<input type="search" value="" placeholder="type keyword(s) here" />
<button type="submit" class="btn btn-primary">Search</button>
</form>
</div>
</nav>------footer.php------
<script src="http://code.jquery.com/jquery-latest.min.js"></script> <script typ="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/suche.js"></script>
<?php wp_footer(); ?>
</body>
</html>----Ordnerstruktur----
