Ghostのカスタムテーマ作成(その3)

Bootstrapを使えるようにする

Bootstrap http://getbootstrap.com/getting-started/#download
日本語リファレンス http://bootstrap3.cyberlab.info/

ダウンロードしたファイルを解凍すると、css、js、fontフォルダがあるので

これらをassets/fontsassets/jsおよびassets/cssにそれぞれ配置する。

default.hbsを開いて、bootstrap.min.cssbootstrap.min.jsを定義する

<head>
	:
	<link rel="stylesheet" type="text/css" href="{{asset "css/bootstrap.min.css"}}" />
</head>

<body>
	:
	<script type="text/javascript" src="{{asset "js/bootstrap.min.js"}}"></script>
</body>

正しく機能するか、確認する

<button type="button" class="btn btn-default" aria-label="Left Align">
	<span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span>Download
</button>
```html
ユーザ名
```
ユーザ名