写的按钮没反应

   		<div class="navbar navbar-default navbar-fixed-top">
   			<div class="navbar-header">
   				<button class="navbar-toggle" type="button" data-toggle=".logo-collapse">
   					<span class="sr-only">Toggle</span>
   					<span class="icon-bar"></span>
   					<span class="icon-bar"></span>
   					<span class="icon-bar"></span>
   				</button>
   				<!--确保LOGO始终显示-->
   				<a href="#" class="navbar-brand">个人LOGO</a>
   			</div>
   			<div class="collapse navbar-collapse logo-collapse">
	   			<ul class="nav navbar-nav">
	   				<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">下拉导航条<span class="caret"></span></a>
	   					<ul class="dropdown-menu">
	   						<li class="disabled"><a href="#">选项1</a></li>
	   						<li><a href="#">选项2</a></li>
	   						<li><a href="#">选项3</a></li>
	   						<li><a href="#">选项4</a></li>
	   					</ul>
	   				</li>
	   				<li><a href="#">导航条</a></li>
	   				<li><a href="#">导航条</a></li>
	   				<li><a href="#">导航条</a></li>
	   				<li><a href="#">导航条</a></li>
	   			</ul>
	   			<form action="#" class="navbar-form navbar-left">
	   				<div class="form-group">
	   					<input type="text" class="form-control" placeholder="请输入关键词">
	   					<button class="btn btn-default" type="submit">搜索</button>
	   				</div>
   				</form>
   			</div>
   		</div>

导航里面的下拉列表可以正常使用，响应式按钮不能用。

另外还想问一下，为什么下拉列表的使用方式不一样？

自己写的只要在data-toggle="类名"，为什么在响应式的按钮里面要data-toggle=".类名"或者“#id”

谢谢大家！