Bootstrapを使えるようにする
Bootstrap http://getbootstrap.com/getting-started/#download
日本語リファレンス http://bootstrap3.cyberlab.info/
ダウンロードしたファイルを解凍すると、css、js、fontフォルダがあるので
これらをassets/fonts
、assets/js
およびassets/css
にそれぞれ配置する。
default.hbs
を開いて、bootstrap.min.css
とbootstrap.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
ユーザ名
```
ユーザ名