読者です 読者をやめる 読者になる 読者になる

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>

結果


Twitter Bootstrap一年前くらいにはもう出ていたと思うので実はもう既に俺は息してない可能性が微レ存
(たぶんこのエントリ後からみると辛くなる言葉使ってる)