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>

questionAnswers(15)

yourAnswerToTheQuestion