Debuginfo

思考とアウトプット

CSS Framework - BootStrap - 設置

Web

Bootstrap

BootstrapはTwitterが提供するCSS Framework。zipをpublic以外に展開する。配置方法は、

$ find public/
public/
public/bootstrap
public/bootstrap/css
public/bootstrap/css/bootstrap-responsive.css
public/bootstrap/css/bootstrap.min.css
public/bootstrap/css/bootstrap.css
public/bootstrap/css/bootstrap-responsive.min.css
public/bootstrap/img
public/bootstrap/img/glyphicons-halflings.png
public/bootstrap/img/glyphicons-halflings-white.png
public/bootstrap/js
public/bootstrap/js/bootstrap.js
public/bootstrap/js/bootstrap.min.js

この階層をTemplateのheader内に記述する。

$ vi ./templates/example/welcome.html.ep 
<head>
<link rel="stylesheet" type="text/css" href="/bootstrap/css/bootstrap.min.css”>
</head>