我正在 twitter bootstrap 中制作一个带有下拉菜单的导航栏。由于某种原因，下拉菜单中的锚点不起作用。这是我的导航代码：
<ul class="nav pull-right">
{{ navigation:links group="header" }}
{{ if user:logged_in }}
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">{{user:first_name}} <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="{{url:base}}profile/{{user:id}}"><i class="icon-user"></i>Profiel</a></li>
<li><a href="#"><i class="icon-inbox"></i>Berichten</a></li>
<li><a href="#"><i class="icon-cog"></i>Instellingen</a></li>
<li class="divider"></li>
<li><a href="{{url:site uri='users/logout'}}" tabindex="-1">Logout</a></li>
</ul>
</li>
{{ if user:group == "admin" }}
<li style="position:relative">
<a href="{{url:base}}admin"><i class="icon-wrench icon-white"></i></a>
<!--
<a href="{{url:base}}admin">
<img src="{{url:base}}assets/img/gear.png" style="width:20px; height:20px; margin-bottom:4px;" />
</a>
-->
</li>
{{ endif }}
{{else}}
<li><a class="login-link" data-role="button" data-toggle="modal" href="#login">Login</a></li>
{{ endif }}
</ul>
有人知道为什么会这样吗？目前，只有配置文件锚和注销锚被填充，但它们都没有做任何事情。