css - Twitter Bootstrap: モバイルでのスタック ナビゲーション

Question

モバイルでメニュー項目を垂直に積み重ねる (タップすると子を表示する) だけの、非常にシンプルなナビゲーション バーを Twitter ブーストラップ テンプレートに作成しようとしています。私は Bootstrap の初心者なので (Foundation 3 には慣れています) 、BootswatchのCyborg配色を使用して、このサイトの開発を開始しました。利用可能なすべての JavaScript プラグインと jquery をヘッダーに含めました。

これまでのところ、ドキュメントに非常に混乱しており、モバイルで適切に機能するように現在のメニューを変更する助けをいただければ幸いです。ありがとうございました！

<div class="navbar">
  <div class="navbar-inner">
    <ul class="nav">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
    </ul>
  </div>
</div>