TwitterBootstarpで実装するDropdownメニューが簡単すぎて俺でもこの先生きのこれる

TwitterBootstrap

Twitter Bootstrap今更です。今更なんですけどはい。

試しにGetStartedを見ていたのですがDropdownメニューってよく使うと思うんですね。押すと開く奴。
簡単だったのでもうBootstrapあればいいよね。っていう感じなのでメモ

  1. http://twitter.github.com/bootstrap/ からcss,img,jsをダウンロード
  2. http://twitter.github.com/bootstrap/getting-started.html のBasic HTML templateのcss,js読み込みかかれたやつをコピーしてhtmlファイルをダウンロードしてきたディレクトリに作る
    • Bootstrapのテンプレートは101まであるぞ的なタイトル
  3. http://twitter.github.com/bootstrap/javascript.html#dropdowns のUsageにあるHTMLをコピーしてbodyの中にペースト
  4. 終わり
<!DOCTYPE html>
<html>
    <head>
        <title>Bootstrap 101 Template</title>
        <!-- Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
        <div class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">ごらく部</a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                <li><a href="#">＼ｱｯｶﾘ〜ﾝ／</a></li>
                <li><a href="#">としのうきょうこ！</a></li>
                <li><a href="#">結衣先輩</a></li>
                <li><a href="#">ちなちゅ</a></li>
            </ul>
        </div>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script src="js/bootstrap.min.js"></script>
    </body>
</html>

結果