Bootstrap dropdown werkt niet...

[Zandor300]

Hoi,

Mijn dropdown werkt niet... Kan iemand hem misschien fixen?

   	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</a>
				<a class="brand" href="index.php"><img src="red_wool.png" height="25" width="25"> Fun Server</a>
				<div class="nav-collapse">
					<ul class="nav">
						<li><a href="sg.php">SurvivalGames</a></li>
						<li><a href="tf2.php">TF2</a></li>
<!-- DEZE WERKT NIET: -->
						<li class="dropdown">
							<a id="Spleef" class="dropdown-toggle" data-toggle="dropdown" href="#">
								Spleef
								<b class="caret"> </b>
							</a>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
								<li><a href="spleef.php">Spleef</a></li>
								<li><a href="bowspleef.php">BowSpleef</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a id="Paint" class="dropdown-toggle" data-toggle="dropdown" href="#">
								Paint
								<b class="caret"></b>
							</a>
							<ul class="dropdown-menu">
								<li>
									<a href="paintball.php">PaintBall</a>
								</li>
								<li>
									<a href="paintwar.php">PaintWar</a>
								</li>
							</ul>
						</li>
<!-- TOT HIER! -->
						<li><a href="infected.php">Infected</a></li>
						<li><a href="mobarena.php">MobArena</a></li>
						<li><a href="thebridges.php">TheBridges</a></li>
					</ul>
					<ul class="nav pull-right">
						<li>
							<form class="navbar-form" id="form" action="verwerk.php" method="post">
								<div class="input-append">
									<input  id="username" type="text" placeholder="Search for your stats" name="username" autocomplete="off">
									<button class="btn" value="Search" type="submit">Search</button>
								</div>
							</form>
						</li>
					</ul>
				</div><!--/.nav-collapse -->
			</div>
		</div>
	</div>

En de script:

	<!-- Scripts -->
	<script type="text/javascript" src="js/bootstrap/bootstrap-dropdown.js"></script>
	<script>
		 $(document).ready(function(){
			$('.dropdown-toggle').dropdown()
		});
	</script>

Wat doe ik verkeert?!

Alvast bedankt voor de moeite

Groeten Zandor300

 

[ciske de rat]

denk dat je toch eens goed moet kijken en testen

<ul>
<li></li>
<li></li>
<li></li>
</ul>

regel 19 mis ik / ul
vraag me af waarom in divs beetje duddel op lijkt me ff makkelijk als ff hooft muno onder catgorie eerst in steld
waar is de css file

 

[Zandor300]

regel 19 mis ik / ul

Waarom zou daar een </ul> tag moeten plaatsen?! Die staat toch al een stuk lager?!

 

[ciske de rat]

drop down menu

een drop downmenu

<nav>
 
    <ul>
        <li><a target="_parent" href="index.php">home</a></li>
        <li><a target="_parent" href="afspraak1.php">Afspraken</a></li>
        <li><a target="_parent" href="afspraak2.php">afspraak2</a></li>
        <li><a href="#">kolom 2</a>
            <ul>
                <li><a class = "sub" href="kolom.php">kolom</a></li>
                <li><a class = "sub" href="archief2.php">kolom</a></li>
            </ul>
        </li>
                <li><a target="_parent" href="planning.php">kolom3</a></li>
        <li><a href="#">Beheerpaneel</a>
            <ul>
                <li><a class = "sub" href="beheerwerknemers.php">Nieuwe medewerker</a></li>
                <li><a class = "sub" href="werknemertijden.php">Werktijden medewerker</a></li>
                <li><a class = "sub" href="nieuwe_gebruiker.php">Nieuwe gebruiker</a></li>
                <li><a class = "sub" href="nieuwe_functie.php">Nieuwe functie</a></li>
            </ul>
        </li>
         <li><a href="telefoon.php">Telefoon</a></li>
        <li><a href="loguit.php">Log uit</a></li>
    </ul>
    
 
 
    
</nav>

opslaan als menu.php

pak een leeg blad kopier dit hier in

nav {
width: 100%;
position: absolute;
top: 130px;
background-image: url(../images/menu-bar.png);
border-top: 1px solid #fff;
font-size: 12px;
}
 
nav ul {
margin: 0;
padding: 0;
line-height: 30px;
}
 
nav li {
margin: 0;
padding: 0;
list-style: none;
float: left;
position: relative;
background-image: url(../images/menu-bar.png);
}
 
nav ul li a {
text-align: center;
font-family: sans-serif;
font-size: 14px;
text-decoration: none;
height: 30px;
width: 130px;
display: block;
color: white;
margin-top: 5px;
margin-bottom: 5px;
}
 
nav ul ul {
position: absolute;
display: none;
top: 30px;
}
 
nav ul li:hover ul {
display: block;
}
 
nav li:hover {
background-color: gray;
}

sla dit in nieuwe map gemaand css makkelijk op terug te vinden
sla dat bestandje op als style.css


pak een leeg blad

<head>
 
<link href = "css/style.css" rel="stylesheet" type="text/css">
 
</head>
 
<?php
include 'menu.php';
?>

sla deze pagina op als zijnde index.php gooi het online
en je zult een menu hebben lol zelf naar smaak verebeterere of aan passen

toppie toch

 

[Zandor300]

*snip*

Dat is niet echt wat ik bedoelde...

Hier heb je een voorbeeld van hoe ik het graag wil...

http://cameronspear.com/demos/twitter-bootstrap-hover-dropdown/
(Die ene bovenaan de pagina)