Bootstrap
Bootstrapを使った静的サイトをさくっと作る。OSX前提。
まず準備
brew install node.js npm install bower -g
フォルダごとに準備
cd ~/Sites mkdir test cd test bower init
? May bower anonymously report usage statistics to improve the tool over time? No ? name test ? description bootstrap test ? main file index.html ? what types of modules does this package expose? node ? keywords ? authors T.Ashitani ? license MIT ? homepage http://ashitani.jp ? set currently installed components as dependencies? Yes ? add commonly ignored files to ignore list? Yes ? would you like to mark this package as private which prevents it from being accidentally published to the registry? Yes
とかなんとか適当に応える。
bootstrapの日本語対応版であるところのhonokaをインストール {{ bower install honoka }}}
下記のindex.htmlを作ればok
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Honoka template</title>
<link href="./bower_components/honoka/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<h1>Hello, Honoka!</h1>
<script src="./bower_components/jquery/dist/jquery.min.js"></script>
<script src="./bower_components/honoka/dist/js/bootstrap.min.js"></script>
</body>
</html>