Difficultés avec Jade

Bonjour,

J'ai quelques soucis pour créer une dropdown liste avec Jade.

En fait, je réalise un projet où l'on utilise less/css, jade/html, angular.js et node.js tout en utilisant Bootstrap.
Je débute avec jade et less, et j'ai du mal à visualiser comment faire la dropdown liste.

En css/html j'ai ceci :

'''
<div id="helpMenu" class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Aide
<span class="caret"></span></button>

    <ul class="dropdown-menu">
        <li><a href="#">How it works</a></li>
        <li><a href="#">FAQ</a></li>
        <li><a href="#">Nous contacter</a></li>
    </ul>

</div>

'''

Et pour jade/less :

'''
helpMenu.dropdown
button.btn.btn-primary.dropdown-toggle(type='button', data-toggle='dropdown') Aide
span.caret
ul.dropdown-menu
li: a(href='#') How it works
li: a(href='#') FAQ
li: a(href='#') Nous contacter
'''
Je n'ai pas d'erreurs précises, j'ai juste le bouton "Aide", mais le restant ne défile pas.

Est-ce que la syntaxe est bonne ? Vers quel site pourrais-je m'orienter (avec une bonne documentation, exemple, etc..) ?

Merci par avance,

Bonne soirée