Question on bootstrap code, data-toggle and dropdown-toggle

Those two attributes do not seem to be working.
i have the most recent bootstrap and wp.

this is the code i have

<div class="row-fluid">
					<div class="span12">
						<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> </a>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
							<div class="nav-collapse collapse">
								<nav class="navbar">
									<div class="navbar-inner">
									<a href="#" class="brand">cdi</a>
										<ul class="nav">
											<li><a href="#">home</a></li>
										<li class="divider-vertical"></li>	
											<li><a href="#">page01</a></li>
										<li class="divider-vertical"></li>	
											<li><a href="#">page02</a></li>
										<li class="divider-vertical"></li>
										
									<li class="dropdown">
											<li><a href="#" class="dropdown-toggle" data-toggle="dropdown" ><b class="caret"></b>about</a>
										<li class="divider-vertical"></li>	
										
											<ul class="dropdown-menu">
											<li><a href="#">this</a>	</li>								
											<li><a href="#">that</a>	</li>									
											<li><a href="#">there</a></li>
												<li class="divider"></li>
											<li><a href="#">where</a></li>
											
											</ul>
										</li>
									</li>		

										
											<li><a href="#">contact</a></li>
										<li class="divider-vertical"></li>	
											<li><a href="#">blog</a></li>
										</ul>
									</div> <!-- navbar-inner end -->
								</nav> <!-- navbar end -->
							</div>	<!-- nav collapse end -->

Has anyone else run into this and knows how to solve it please?
thx
D