bootstrapめも

CSSとか書きたくないんだけどナビゲーションバーぐらい欲しい..
って思って少し調べてたらbootstrapをcdnで配信してるのが見つかったので利用してみることに。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
    <style>
    body{
        padding-top: 20px;
    }
    </style>
</head>
<body>
<div class="container">
    <div class="navbar navbar-default" role="navigation">
        <ul class="nav navbar-nav">
            <li><a href="#">foo</a></li>
            <li><a href="#">bar</a></li>
            <li><a href="#">baz</a></li>
        </ul>
    </div>
    <div class="jumbotron">
        <h2> This is title!! </h2>
        <p>
        ooohooooo
        </p>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">panel title</div>
        <div class="panel-body">
            body
        </div>
    </div>
</div>
</body>
</html>

http://gyazo.com/46403f094d74fc3352e30f182c458a01.png

これだけ覚えとけばなんとかなりそう。