twitter-bootstrap - Jade と Twitter Bootstrap を使用したドロップダウン メニュー

Question

Twitter Bootstrap を使用しているときに、ドロップダウン メニューが Jade 内でどのように作成されるか教えていただけないでしょうか。現在、ナビゲーション ピルが積み上げられたメニューがあります。

html  
  head  
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
    link(rel='stylesheet', href='/stylesheets/css/bootstrap.min.css')
    include inc/header
  body
    h1.page-header= title
    ul.nav.nav-pills.nav-stacked
    li#home: a(href='/') Home Page
    li#clear: a(href='/clear') Clear Blog Posts
    li#load: a(href='/load') Load Sample Posts
    li#list: a(href='/showContacts') Show Blog
    li#add: a(href='/add') Add Blog Post

   script.
     $(document).ready(function() {
       $(".active").removeClass("active");
       $("##{tab}").addClass("active");
     });

   block content

.nav-stacked の代わりに .dropdown と .dropdown_toggle を使用してみましたが、Jade とブートストラップは初めてなので、そこからどこに行けばよいのか、どのようにドロップダウン メニューを作成できるのかわかりませんでした。

ありがとう