Bootstrap 3: como fazer com que o cabeçalho do link suspenso seja clicável em navbar
Estou usando a barra de navegação padrão e alguns itens da lista são suspensos. Não consigo clicar no link que aciona a lista suspensa. Eu sei que eu poderia apenas adicionar um link duplicado na lista suspensa, mas eu prefiro não. É possível fazer o head link um link clicável (não apenas um identificador para o menu suspenso)?
Para referência, consulte o primeiro link na lista suspensa abaixo. Eu quero que os usuários possam clicar nele e realmente ir para a página que ele aponta.
<nav class="navbar navbar-fixed-top admin-menu" role="navigation">
<div class="navbar-header">...</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
I DONT WORK! <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="/page2">Page2</a></li>
</ul>
</li>
<li><a href="#">I DO WORK</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>