HTML5+CSS3【マルチデバイス】―Twitter Bootstrap

HTML5 授業



Twitter Bootstrap






Twitter Bootstrap




Twitter Bootstrapの使い方





Twitter Bootstrapの使い方


Twitter Bootstrapを導入

  • 解凍したファイルを管理フォルダーに入れる


新規ドキュメント作成

  • 「index.html」を作成する


ソースコード【 HTML 】

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Twitter Bootstrap の導入</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>


ブラウザで表示【 Chrome 】





HTML5 Outliner【 Chrome 】