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>