Bootstrapのダウンロード
| 目次 |
|---|
|
・Bootstrapのダウンロード ・Bootstrapをwebサーバに上げる |
Bootstrapのダウンロード
BootstrapはBootstrapからダウンロードします。
「Download Bootstrap」をクリックするとダウンロードが始まります。
今回はBootstrap3.1.1をダウンロードします。
「Download Bootstrap」をクリックするとダウンロードが始まります。
Bootstrapのダウンロード画面
今回はBootstrap3.1.1をダウンロードします。
Bootstrapをwebサーバに上げる
Bootstrapをダウンロードしたら、webサーバにcss,font,jsフォルダを以下のように配置します。
フォルダ構成は以下の通りです。
Bootstrapはjqueryに依存しているため、jqueryをプリロードしたindex.htmlを作成します。
同じ階層に配置します。
フォルダ構成は以下の通りです。
Bootstrapのフォルダ構成
Bootstrapはjqueryに依存しているため、jqueryをプリロードしたindex.htmlを作成します。
同じ階層に配置します。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>Bootstrapサンプル</title>
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<!-- コーディング部分 -->
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>