我正在尝试在我的网站上提供一个下拉菜单,但由于某种原因,此下拉菜单无效。我无法找出原因。我的代码是这样的:
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">More Categories <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">category1</a></li>
<li><a href="#">category2</a></li>
<li><a href="#">category3</a></li>
<li class="divider"></li>
<li class="dropdown-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
我的网页快照, li 部分标记为红色:
我正在做什么错误吗?这里使用的css文件是来自bootstrap官方网站的bootstrap.min.css。 编辑:
<!--core CSS -->
<link href="bootstrap.min.css" rel="stylesheet">
<link href="categories.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="buysell.css" rel="stylesheet">
<script src="ie-emulation-modes-warning.js"></script>
<script type="text/javascript">
$('.dropdown-toggle').dropdown()
</script>
这是我的引导包含部分。